CSS Changes don't work?

Are you using the latest version 0.9.6?

Yes.

hmm.. I’m not sure what happen, because I just fix the issue with css saving. Please try add !important in your css code.

!Important is actually already there:

.rpwe-block h3{
background: none !important;
clear: none;
margin-bottom: 0 !important;
margin-top: 0 !important;
font-weight: 400;
font-size: 12px !important;
line-height: 1.5em;
}

Just trying to change the font size to 16 instead of 12.

Also, not sure if I should start a new thread for this, but when I use this as a Subsidiary Widget near the footer, it no longer displays in-line with another widget.

It used to be to the right of the other widget, but now it is underneath. Was there CSS changed in the most recent 0.9.7 update?

Thanks

yes, this option dont work!

Hello,

At first, I have the same problem as when I unchecked “use default CSS”, it takes no effect at all. However, when I added all the code, starting with
#rpwe_widget-2 , it works.

Hope this can help.

Uendi, where did you add this code? Into the CSS of the widget, or the theme CSS?

Into the CSS of the widget.

Into code?
How? Give an example of listing

Nitrat,

1. Firstly, install and activate the plugin.

2. Go to Appearance > Widgets

3. Drag Recent Posts Extended to the sidebar widget area where you want to place.

4. Open up Recent Posts Extended and unchecked “use default styles”.

5. Scoll down to the “Custom CSS” and you can see the list of Custom CSS.

6. Let says – you want to change “text-decoration: none” to “text-decoration: underline” and add in “font-size: 13px” under .rpwe-block a{}.

7. So from the list of Custom CSS, look for:

.rpwe-block a{
display: inline !important;
text-decoration: none;
}

Change to :

#rpwe_widget-x .rpwe-block a {
display: inline !important;
text-decoration: underline;
font-size: 13px;
}

*Note: “#rpwe_widget-x”, you have to refer to firebug and you can get your widget number code over there, as mine is #rpwe_widget-2.

8. Now, click save.

9. Clear your page cache and go to your site…you are able to see your recent posts widget.

Hope I have done correctly.

Thanks – this works. But I can not change the color of the date –
dont work:

.rpwe-time{
color: #bbb;
font-size: 11px;
}

Change to :

#rpwe_widget-2 .rpwe-block ul li .rpwe-time{
color: #xxx;
font-size: 11px;
}

If still not work, add in !important and clear page cache.

Wow – this works! Thanks)

This works for styling for now.

If I use this widget in the subsidary menu (footer) it used to display inline with another widget.

Now it displays stacked…it appears underneath the first widget instead of to the right. I tried adding CSS such as display:inline or display: inline block and nothing seems to work (unless I am using the wrong CSS code).

I am using hack CSS to push it there but sometimes it displays improperly as I have it set to display random posts.

I am grabbing the correct widget by using its CSS ID as well.

Any ideas?