Help with sidebar and footer CSS

  • brooksy31

    (@brooksy31)


    6 years, 1 month ago

    Im not exactly sure how to explain what it the problem is, but here goes.

    I have a CSS style which is used for footer style and sidebar style (.widget). I would like these to be different, but how do I change the templates and match it to CSS sheet.

    I have copied the style and renamed it so there are 2 different types. How do I tell wordpress this so sidebar and footer use them separate?

    Hopefully this makes sense

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Michael

    (@alchymyth)

    6 years, 1 month ago

    to format any widget in the sidebar, try to use:

    .wpb_widgetised_column .widget {}

    to format any widget in the footer, try to use use:

    .footer-widget .widget []

    Thread Starter brooksy31

    (@brooksy31)

    6 years, 1 month ago

    Thank you for replying so soon, I think the css is amended, but its still showing the same thing.

    Here is the css code:

    .wpb_widgetised_column .widget:last-of-type,
    .widget-area .widget:last-of-type {
    margin-bottom: 0;
    background-color: #eee
    }

    .widget {
    background-color: #eee;
    box-shadow: 1px 1.732px 5px 0px rgba(235, 235, 235, 0.75);
    -webkit-box-shadow: 1px 1.732px 5px 0px rgba(235, 235, 235, 0.75);
    margin-bottom: 20px;
    display: inline-block;
    width: 80%;
    }

    .footer-widget .widget {
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    border: 1px solid #000;
    background-color: #000

    Michael

    (@alchymyth)

    6 years, 1 month ago

    can you describe what you are trying to format in what way? and what is supposed to be different in the sidebar compared to the footer?

    where did you add these CSS styles?

    there is no CSS class .widget-area in your site so you can remiove that selector.
    however, the top style seems to be applied OK (to the Subscribe widget in the sidebar);
    the middle one seems to be overwritten by a different .widget style in /assets/css/wordpress.css;
    the third one seems to be applied OK (to all widgets in the footer).

    instead of editing inside the css files of the theme, consider to use ‘Additional CSS’ under ‘Appearance’ – ‘Customize’, because that will generally get loaded after all other stylesheets.

    • This reply was modified 6 years, 1 month ago by Michael. Reason: added clarification
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Help with sidebar and footer CSS’ is closed to new replies.