WordPress.org

Ready to get started?Download WordPress

Forums

Recent Posts Widget Extended
[resolved] Add a background color via css ? (6 posts)

  1. indielag
    Member
    Posted 1 year ago #

    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.

    http://wordpress.org/extend/plugins/recent-posts-widget-extended/

  2. W.P. Ginfo
    Member
    Posted 1 year ago #

    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: http://www.chrispederick.com '
    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.

    Alternatively:
    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.

  3. Satrya
    Member
    Plugin Author

    Posted 1 year ago #

    What is your url?

  4. indielag
    Member
    Posted 1 year ago #

    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.

  5. W.P. Ginfo
    Member
    Posted 1 year ago #

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

  6. Satrya
    Member
    Plugin Author

    Posted 1 year ago #

    @indielag glad you already found the answer of your problem :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic