Customize widget sidebar + footer

  • Posted in : Editor
  • Banouv
    Participant

    Hi serkan,

    Hope u’re good :) I have a little problem with the customization of my widget sidebar and my footer.

    I’d like to put a background color behind the widget in the sidebar. But when i put a color with the following custom css : .widget-area .widget {background: #f2f2f2;}, it’s aso customize widgets put in the footer area.

    I’d like to put a specific background for the widget sidebar only et put an another background color for the footer (main footer)

    Is it possible ?

    Thanks Serkan

    serkan
    Moderator

    Hi Banouv,
    You can use this custom css codes;

    .widget-area.sidebar { background: #f2f2f2; padding: 20px; margin-top: 3em; }
    .site-footer {  background: #E6E3E3; }
    .footer-social .social a { outline: none; }

    Thanks

    Banouv
    Participant

    Thanks for your quick response.

    Howver i’ve still a problem. When i use your custom css, it works in the sidebar and set a background color in my footer.

    But in the footer, the background’s widget are still in white. How could i fix this ?

    http://imageshack.com/a/img922/3143/QXkgtM.jpg

    serkan
    Moderator

    If you provide me your related url then I can help you more.
    Thanks

    Banouv
    Participant
    serkan
    Moderator

    Hi Banouv,
    You can use these custom css codes;

    .widget-area .widget { background: none; }
    .site-footer .widget-area .widget:nth-child(even) { background: none; }
    Banouv
    Participant

    Thanks serkan :)

    serkan
    Moderator

    You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register