Thread Starter
MsLake
(@mslake)
Ok so I finally got the meta info out of the design entirely. However I would still like to know how to format the code to have it stay under the title. Because I like having the date in my posts.
Do you want to move the date below the title only on single posts or on the blog index page, or both?
I tried to look at the code on your site with a browser inspector but it looks like you’ve disable right-clicking. If you need further help, please turn that off as it makes it more difficult for anyone to assist you. (Keep in mind is that people can take your images in many other ways so I’d suggest watermarking images instead.)
Thread Starter
MsLake
(@mslake)
Hello thanks for responding. I would like the date on single posts below the title. I’ll turn off my right-click protecton, thank you.
Hi there! To move your date below your post title on single posts, add the following CSS:
.single .entry-meta {
position: relative;
text-align: left;
width: inherit;
}
.single .date, .single .edit-link {
display: inline;
padding-right: 10px;
}
Let me know how it goes! 🙂
Thread Starter
MsLake
(@mslake)
Hi sorry I took so long but was working on other things. I’m not sure where to put this code. I tried inserting after the entry meta:
.entry-meta {
font-family: “Droid Serif”, Georgia, serif;
font-size: 12px;
font-size: 1.2rem;
font-style: italic;
margin-bottom: 1em;
text-align: right;
but it didn’t work. Then I tried inserting under the entry title code
}
.entry-title {
line-height: 1.7;
}
Which didn’t work either. Can you clarify where I insert the code? Thank you.
There are only two places you should make CSS changes:
– in custom CSS editor, via a plugin
– in a child theme
Don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated to the latest version.
Since you’re already using Jetpack, an easy way to add custom CSS is to activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.
p.s. if you’ve already edited the theme files, I’d suggest you move any CSS changes into the Jetpack CSS editor once you activate it.
If you’ve edited any theme files directly other than just CSS, you’ll need a child theme so you won’t lose everything the next time you update the theme.
Thread Starter
MsLake
(@mslake)
I know I’ve read your warning about this before. I just played with that piece of code to see if it would work. I have the jetpack plugin installed but have no idea how to use it — I can’t just put code there and save it to make changes because I just tried that and messed up my site. So I deleted the changes and am back to square one. I can figure out how to use it but I was trying to save time.
Thanks for trying to help. I’ll figure out the CSS editor and try to make the changes that way.
Once you’ve activated the Jetpack Custom CSS module, you’ll find the CSS editor under Appearance > Edit CSS, and it’s there that you can add your custom CSS. Is that where you added it? In what way did it mess up your site? Can you put it back temporarily and I’ll have a look right away?
