May 14, 2016 at 9:48 pmParticipant
I would like to make some small CSS changes to the Zealot theme. When I look at style.css in the Editor, all I see is a comment.
What do I need to do to be able to make small changes to the CSS? Specifically, I’d like to change a few font sizes.
SallyMay 15, 2016 at 2:27 pmKeymaster
Zealot theme’s styles are defined in the css files under /css folder. However I don’t recommend you trying to edit those files. If you would like to small changes for certain specific elements, I recommend using Simple Custom CSS plugin and add your custom CSS codes there. If you have a specific examples of changes you want to make, and still need help, feel free to let me know.May 18, 2016 at 8:33 amParticipant
Thanks for the reply Hyun. I installed Simple Custom CSS. Now I just have to figure out the little bit of code I need to use there. Maybe you can help with that?
There are two things I want to do:
1) On mobile devices, make the post title a smaller font. If the change also makes the post title a smaller font on desktop, that is fine.
2) At the top of my pages, show my site title wrapped instead of straight across. So use this:
instead of this:
STORY HOUR ACADEMY
Any tips on how to achieve these?
SallyMay 19, 2016 at 7:15 pmKeymaster
Hi you can use something like this:
width: 100px !important;
You would want to change the numbers here as you fit. (1.5em and 100px)