Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)
-   -   [SOLVED] Styling text widgets (http://forum.bytesforall.com/showthread.php?t=4066)

unelma Oct 26, 2009 03:34 AM

[SOLVED] Styling text widgets

I am using text widgets and widget logic plugin, to have different text content in different pages, in sidebars.

Is it possible that that every text widget, in every page, has different kind of outlook?

Example, homepage would have in right sidebar text widget, wich font-size is 16px and color grey.
In same page, in left sidebar, the text size would be smaller.

And in the other page, in left sidebar, there would be list of links, wich are linked in that page (anchors). And I also want to style that link list.

Where and how I could style widgets, and how I add links in text widget?

I am using:
WordPress 2.8.5.
Atahualpa 3.4.4

Thanks for all!

juggledad Oct 26, 2009 06:42 PM

yes it is possible, you need to specify your CSS selector starting at the 'body' to identify the page you are on

horsemansarts Oct 27, 2009 05:48 PM

I think I need to do this too. Can you give an example of the syntax for something like this?

I have a table id="center" I want to change the font color for <p> for the class "entry-summary" for just that table.



juggledad Oct 28, 2009 06:59 AM


I have a table id="center" I want to change the font color for <p> for the class "entry-summary" for just that table.
Why don't you assign the class to the table cell (the <td>)?
you would do something like this, assuming that the class is on the <p>
table#center p.entry-summary {
color: #00FFFF;
you may need to add in the tr and td

horsemansarts Oct 28, 2009 07:58 AM

Thanks! I was so close! :-) So, I've figured out how to do one element but I really need to change three. So, this worked:

table#center div.entry-summary {
color: #333333;

But I also need to do this:

table#center p.byline {
color: #333333;


table#center p.entry-meta {
color: #333333;

Is there a way to combine all of this into one statement? Or do I just do as I have here, with three separate statements? (which I discovered does work) I took my best shot at guessing a combined effect but I obviously don't have something right. :-) What are the rules about that?


juggledad Oct 28, 2009 12:33 PM

table#center div.entry-summary,
table#center p.byline,
table#center p.entry-meta {
color: #333333;

horsemansarts Oct 28, 2009 04:32 PM

Thank you!


All times are GMT -6. The time now is 01:42 PM.

Powered by vBulletin® Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.