Help with changing CSS for background-color and font color in footer

  • Resolved MemeRunner

    (@memerunner)


    6 years, 6 months ago

    I’m wanting to change my footer area (Arrovox, LLC, Los Angeles) text to white and the background to a gray.

    The site is on the Genesis framework with the Genesis Sample theme and Gutenberg plugin.

    I’ve been reading about how I can change CSS without going into style.css, which would be great, as I’m not that proficient with WordPress.

    I’ve successfully changed the font and background colors using Inspect, but am not sure where to change the code besides in style.css.

    Is the best way to do this in Customize > Additional CSS? I’ve added the code below there, but to no effect.

    .footer-widgets {
    background-color: #3d444c;
    color: white;
    }

    If anyone can give me any guidance, that would be great.

    thx
    doug

    • This topic was modified 6 years, 6 months ago by MemeRunner.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter MemeRunner

    (@memerunner)

    UPDATE:

    For whatever reason, my preview wasn’t loading when I initially tested, but just noticed the additional CSS box in Customize worked.

    So I’m tood on this.

    Moderator bcworkz

    (@bcworkz)

    Awesome!

    FWIW, I’ve sometimes found preview does not always work as expected, don’t rely upon it exclusively. It’s sometimes best to view the actual published page. Make it draft or private if need be. Additional CSS is the best for custom styles because it ends up as inline page styling which easily overrides external stylesheet rules. It’s also safe from theme updates. Altering a theme’s style.css is not.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Help with changing CSS for background-color and font color in footer’ is closed to new replies.