Change font and background using Pictorico theme

  • Unknown's avatar
    kimgodschalk · Member ·

    A couple of questions:

    I’m using the Pictorico theme.

    1. How can I change the footer background color using CSS? It’s grey now, but I’d like it to be completely white. The font color from the footer is white too, how can I change that to dark grey or black using CSS? (because if I change the background color to white, I need to change the font color from white to something else, to be able to read it.)

    2. Is there a way to change only the font of the main menu using CSS? Because if I want to change the font of the body text, the main menu font changes with that automatically. I’d like to change them separately, is that possible?

    I hope someone understands what I’m trying to accomplish here, and of course someone has the right CSS codes for that! Thanks in advance.

    The website I’m trying to change it for: http://www.lessences.com

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    1. How can I change the footer background color using CSS? It’s grey now, but I’d like it to be completely white. The font color from the footer is white too, how can I change that to dark grey or black using CSS? (because if I change the background color to white, I need to change the font color from white to something else, to be able to read it.)

    Add the following CSS and then you can edit the background and font color in the widget area. 

    .widget-areas {
    background: #373737;
    color: white;
}

    2. Is there a way to change only the font of the main menu using CSS? Because if I want to change the font of the body text, the main menu font changes with that automatically. I’d like to change them separately, is that possible?

    Yes. Add this to your custom CSS. If you do not edit it, the menu font will stay original and you can change the body font as desired. I’ve used the !important attribute to make sure that the below is applied regardless of the font set in Appearance > Customize > Fonts. 

    #site-navigation .menu-item a {
    font-family: omnes-pro-1,omnes-pro-2,"Open Sans Condensed",Helvetica,Arial,sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}
  • The topic ‘Change font and background using Pictorico theme’ is closed to new replies.