WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Remove Background Color in Widgets Below Header and Above Footer - Suffusion (11 posts)

  1. picneewatch
    Member
    Posted 11 months ago #

    I have posed this question before but have yet to receive a response.

    I am new to WP and Suffusion, and would like to know how to remove/change the background colour of the widgets below header and above the footer (i.e. ad placements). Though I have attempted to implement suggestions of some commentators, I am still coming up short.

    Any assistance would be greatly appreciated.

    Site: http://picneewatch.com

    Regards

  2. WPyogi
    Volunteer Moderator
    Posted 11 months ago #

    Have you checked out Suffusion's dedicated forums here:

    http://aquoid.com/forum/

  3. picneewatch
    Member
    Posted 11 months ago #

    Thanks for a reply WPyogi.

    Yep, my first stop was the above forum. No luck there! I came over here and saw some earlier posts that I thought I could implement something from, but again, nothing. Any other suggestions would be greatly appreciated. To be honest, I'm sure it is a little thing, but for a novice, it seems like a biggie.

    Thanks in advance.

  4. ModularBase
    Member
    Posted 11 months ago #

    The two areas with the ad widgets are:

    #horizontal-outer-widgets-1, #horizontal-outer-widgets-2 {
        display: inline-block;
        float: left;
        padding: 10px 0;
        text-align: center;
        width: 100%;
    }

    What gives them their white background is:

    .flattened {
        background-color: #FFFFFF;
        border: 1px solid #C0C0C0;
    }

    Do not alter your theme's CSS.
    You should use a Child Theme http://codex.wordpress.org/Child_Themes or a Custom CSS plugin to make the changes - http://wordpress.org/plugins/search.php?q=custom+css

    If you use Firefox, get Firebug to see the underlying code of your site - https://getfirebug.com/

  5. WPyogi
    Volunteer Moderator
    Posted 11 months ago #

    You know, I'm really not at all familiar with that theme, so this may or may not be the ideal solution and it may change things in other places. That said, try adding this to custom CSS:

    .dbx-content {
        background-color: #xxxxxx;
    }

    Obviously, use the color you want.

    Really, I know Sayontan provides great support on his forum, so I'd strongly suggest using it...

  6. Sayontan Sinha
    Member
    Posted 11 months ago #

    Go to Suffusion Options → Back-end → Custom Includes → Custom Styles, and put this in:

    #horizontal-outer-widgets-1 { background: none; }

    Your options will remain safe through upgrades if you put the CSS in this location.

  7. picneewatch
    Member
    Posted 11 months ago #

    Thanks everyone for taking the time to assisting me with my query.

    Sayontan, if I need the background of the widgets (below header/above footer)to be the same as background, should I substitute "none" in the above code to the colour of choice?

    Regards

  8. picneewatch
    Member
    Posted 11 months ago #

    Again, thanks you guys!

    Sayontan, I implemented the above changes, and there is progress (yay!), but how do I get rid of the line/border around the widget below the header? Also, what code would I use for the widget above the footer? Is it possible to centre the widgets for both - below header and above footer?

    Thanks in advance.

  9. picneewatch
    Member
    Posted 11 months ago #

    Sayontan, as of yet, I have been able to remove the white colour background of both widgets - below header and above footer, but yet to fully remove the white line/border around the said widgets. Any suggestions as to how to do this? Also, any suggestions on how to centre the ads?

    http://picneewatch.com

    Regards

  10. picneewatch
    Member
    Posted 11 months ago #

    For the record, was able to resolve the background/border issues. The following was implemented:

    #horizontal-outer-widgets-1 { background: none; border: none; }
    #horizontal-outer-widgets-2 { background: none; border: none; }

    Thanks everyone!

    Sidebar: Any suggestions for centering the ads (widget below header/ widget above footer)?

    http://picneewatch.com

    Thanks in advance.

  11. picneewatch
    Member
    Posted 11 months ago #

    Everything has been resolved! Thanks everyone for the help.

    Regards

Reply

You must log in to post.

About this Topic