Support » Plugin: Recent Posts Widget Extended » Add a background color via css ?

  • Resolved indielag


    Hello and thanks for this useful plugin.

    Is this possible to add a background color to the plugin instead of transparent background ?

    I need to add a white background to fit my wordpress template.

    On a second hand, after is this possible to add a one pixel border to this background via CSS to create a kind of little box ?

    Thanks for your reply and sorry for my bad english skill.

Viewing 5 replies - 1 through 5 (of 5 total)
  • This depends on the theme you’re using.
    Please give the url and theme of your site so we can give ‘made to measure’ advice.
    The code below MAY not fit your site.

    #sidebar {
        background: #ffffff;
        border 1px solid #000000; /*black border, change if needed*/

    Add the above code to the `style.css’ of your CHILDtheme:
    You don’t have a childtheme yet?

    1. Install and activate ‘one click childtheme plugin
    2. create the childtheme
    3. activate the childtheme
    4. Make the changes in the CHILDtheme!
    – copy php files / css-file(s) of the original theme [as required] to the childtheme directory and edit them as required.

    == == == Extra
    How to find which CSS to change

    About finding out ‘which things to change in your site [css / html / php]

    Well it’s all a bit like trying to solve a puzzle.
    Fortunately there are good tools for that.
    In your browser: Install / activate webdevelopment add-ons / plugins.

    Recommended: ‘Firebug’ and ‘webdeveloper:
    These tools will show you what’s what.
    e.g. right-click > inspect elements > click left bottom arrow-icon
    click item in webpage
    Inspect css on the right
    alter css values to test effect / result
    OK? copy altered css rule
    paste it in the style.css of your childtheme.

    Press <F12> a screen will show in the bottom.
    Move the mouse over each line
    The area shows in the top-half
    Press + to unfold parts
    Investigate and alter on the right etc.
    paste it in the style.css of your childtheme.

    What is your url?

    Thx for the reply but i find another solution.

    Simply and easy ^^

    Just add: .rpwe-block {background: #FFFFFF;}

    in the Custom CSS option directly on the widget setting and it works perfectly, a nice white background. You can change the color by remplacing #FFFFFF with custom color.

    well done.
    Please don’t forget to mark the thread as ‘resolved’ [in the right sidebar]

    @indielag glad you already found the answer of your problem 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Add a background color via css ?’ is closed to new replies.