Hi there,
Try this:
/* title styles */
.wpp-post-title {
color:#336688; /*set your hexadecimal color here*/
font-size:12px; /*set here your font size*/
}
That should be enough, no need to add the wpp
class to the UL
tag. If that doesn’t work, then your theme’s stylesheet must be overwriting whatever CSS style you set in wpp.css
. To bypass that, add !important to each property.
Thank you, Héctor!
I add it as you mentioned above, but still nothing happens.
So I tried next like
/* title styles */
.wpp-post-title {
color:#xxxxxx; ! important;
font-size:12px; ! important;
}
and nothing seems to happen again.
I still don’t know what is wrong with it.
You made a mistake there, see again the link I posted above 😉
Do I have to add exactly the same as an example? for both author and user?
like
/* From the user’s style sheet */
p { text-indent: 1em ! important }
p { font-style: italic ! important }
p { font-size: 18pt }
/* From the author’s style sheet */
p { text-indent: 1.5em !important }
p { font: normal 12pt sans-serif !important }
p { font-size: 24pt }
or Do I only add one of them which I prefer?
I’m very confused.
Alright, here:
/* title styles */
.wpp-post-title {
color: #336688!important; /*set your hexadecimal color here*/
font-size: 12px!important; /*set here your font size*/
}
Thanks,again.
I was about to trying the same.
You don’t have to add ; in between the script. I understand that.
But, Even though I add exactly the same as you showed, still nothing changes on my site.
I totally don’t understand what is wrong with may website.
I’m using the theme called Gamepress.
and my website is here
http://grazymag.com
Thanks for your help.
Just checked your site and indeed it’s your theme’s stylesheet what’s causing the conflict: http://img22.imageshack.us/img22/401/cssconflict.jpg
To fix it go to your theme’s folder, open dark.css
(in css
folder) and change this:
.widget a {
color: #FFFFFF !important;
}
… into this:
.widget a {
color: #FFFFFF;
}
… and save changes.
I must warn you that this modification might affect other elements in your sidebar as well, so do it at your own risk.
Woooow!!! Thanks a lot !
I almost gave up! Finally I see some light coming in my window.
As I add it, It has changed the color of the post-title, I can see it.
But I mean “title” is a widget title but not post-title.
In this case, I named & write ” Attention top 10! ” for the section itself. I want to change title there on top of it.
I almost understand what to do, so would you just tell me where to modify? so I can try it as you lectured above.
I’m not sure but, the title of the section may belong to the theme.
If so, I can not change anything by adding these codes into the plugin css.
Well, I would be better close this topic and check it myself in the theme css may be.
I’m not very familiar with the program.
Thanks for your help anyway.
Yes, you’re right: widget titles are styled by the theme itself. Modifying it would also affect the other widgets on your sidebar, too.
In case you’re wondering, the .widget-title
class is what you’re looking for. You can find it in your theme’s dark.css stylesheet.
Is there a way to override a theme’s style. I’m desperately trying to make my blog posts excerpt titles show up against a dark background! I’ve tried everything under the sun that I can think of to change in my theme “Theron Pro” but am still having NO luck 🙁
Please help me override the theme so that I can style your widget the way I want to, ONLY in my footer area where the widget displays.
THANKS so much, this plugin rocks!
-GP
Is there a way to override a theme’s style. I’m desperately trying to make my blog posts excerpt titles show up against a dark background! I’ve tried everything under the sun that I can think of to change in my theme “Theron Pro” but am still having NO luck 🙁
Please help me override the theme so that I can style your widget the way I want to, ONLY in my footer area where the widget displays.
THANKS so much, this plugin rocks!
-GP
Whew! This was a toughy, but I found it. I added:
body #footer .widgets .widget .widget_wrap .wpp-post-title{ font-weight:bold; color:#db8e84!important;}
…to the stylesheet in my Theron Pro V.2 theme.
Good night, I need a nap, after that (mind you it’s only 4:07pm here, LOL!)
If I had seen this earlier I would have suggested to use the !important
clause, but it seems you figured it out by yourself. Nice! 🙂
That’s why you rock, Lol 🙂
Thanks!