Home › Forums › ASE Support › How do I edit the CSS in Zealot?
Tagged: css
- This topic has 3 replies, 2 voices, and was last updated 4 years, 11 months ago by
Hyun Supul.
-
AuthorPosts
-
Participant
Hello,
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.
Thanks,
SallyKeymasterHi Sally,
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.ParticipantThanks 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:
STORY HOUR
ACADEMYinstead of this:
STORY HOUR ACADEMY
Any tips on how to achieve these?
Thanks,
SallyKeymasterHi you can use something like this:
.entry-title {
font-size:1.5em !important;
width: 100px !important;
}You would want to change the numbers here as you fit. (1.5em and 100px)
-
AuthorPosts