• Resolved windkin

    (@windkin)


    Im running the Klasik theme
    I have a problem with the sidebar, im trying to make it smaller but can seem to find out how.
    Also when in the header i want to modify the font color and size but cant find the place to do it in the css file.
    Take a look here https://jesper-it.dk/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi.

    For the sidebar you can change this css rule:

    .row .sidebarcol {
    width: 32.333%;
    }

    And for the header changes you can use:

    .sf-menu, .sf-menu * {
    color: #3A7D3A !important; /*your color. I used your green ?? */
    font-size: 13px; /* Your value*/
    }

    Hope this helps

    Thread Starter windkin

    (@windkin)

    Thanks

    Where do I find this css rule? I’m using the Klasik theme and I can’t find this setting in style.css. Doing a “View source” of the page, I see there are many other stylesheets referenced, but I don’t seem to be able to get to them from the Dashboard. I’m new to WordPress, so I may not be aware of how to do this. Thanks so much for any help!!

    Thread Starter windkin

    (@windkin)

    I have this in my stylesheet to get the desired effect on https://www.trykd.dk

    .row .sidebarcol { width: 20%; }
    .row .contentcol { width: 80%; }

    If it does not help add this instead

    .row .sidebarcol { width: 20% !important; }
    .row .contentcol { width: 80% !important; }

    You should be aware of when using Klasik theme that i have found out that many CSS rules gets overwritten in child style sheets. So when you add a CSS rule and you are relatively sure that you have the right class or id, then add the !important to the css rule wich will prevent any child style sheet from overwriting the newly defined css rule.
    Only use !important when you absolutely need to because there is a chance it could mess up classes on other pages.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How do i modify the witdth of the sidebar’ is closed to new replies.