Home Forums ASE Support How do I edit the CSS in Zealot?

This topic is: resolved

Tagged: 

Viewing 4 posts – 1 through 4 (of 4 total)
  • Author

    Posts

  • #12184

    Reply

    Sally Cole

    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,
    Sally

    #12193

    Reply

    Hyun Supul

    Keymaster

    Hi 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.

    #12208

    Reply

    Sally Cole

    Participant

    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:

    STORY HOUR
    ACADEMY

    instead of this:

    STORY HOUR ACADEMY

    Any tips on how to achieve these?

    Thanks,
    Sally

    #12219

    Reply

    Hyun Supul

    Keymaster

    Hi 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)

Viewing 4 posts – 1 through 4 (of 4 total)
Reply To: How do I edit the CSS in Zealot?