WordPress.org

Ready to get started?Download WordPress

Forums

How to Change font size on sidebar with Lugada Theme (7 posts)

  1. wally185
    Member
    Posted 1 year ago #

    Hi everyone. I am new to WordPress and would like to change the font size of my left navigation which is the 'main sidebar' on my Lugada Theme. Can someone explain to me how I can do this?? I went into the CSS style sheet and under the heading 'sidebars and widgets' this is what the code looks like:

    [no need to post CSS - it's all visible on your site]

    Can someone explain to me what I need to change on here to change the font size or if this is even the right place to change it?? My site is http://www.WeAreEcospaces.com. Thanks!

  2. Jason
    Member
    Posted 1 year ago #

    Adding the following CSS will do it. Or find the .column-sidebar selector in your CSS code and add the font-size rule.

    .column-sidebar {
      font-size: 14px; // Adjust size to your liking
    }
  3. wally185
    Member
    Posted 1 year ago #

    I went into the CSS style sheet and put exactly what you indicated in your most recent post and still can't get my left nav sidebar links to change font size. This is what I put:

    .column-sidebar,{
    font-size: 17px;
    }

  4. esmi
    Forum Moderator
    Posted 1 year ago #

    Are you using a child theme or a custom CSS plugin? You should not be editing the theme itself.

  5. wally185
    Member
    Posted 1 year ago #

    In the dashboard I am going to 'Appearance" -> 'Editor' -> 'Stylesheet (style.css). That is where I found the .column-sidebar and added the font size rule, which didn't work.

    Keep in mind, that I am a noob at these type of things so all help is greatly appreciated.

  6. esmi
    Forum Moderator
    Posted 1 year ago #

    No - do not edit the theme's stylesheet. Install a custom CSS plugin and use that your your CSS changes.

  7. Jason
    Member
    Posted 1 year ago #

    Yes good point if you're not using a child theme, and you update your theme, your changes will be overwritten. Also your CSS contains a comma that shouldn't be there. Just before the opening brace.

Topic Closed

This topic has been closed to new replies.

About this Topic