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 02:34 AM

[SOLVED] Styling text widgets
 
Hello,

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 05: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 04: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.

Thanks!!

Sharon

juggledad Oct 28, 2009 05:59 AM

Quote:

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 06:58 AM

Hi,
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;
}

and

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?

Thanks!
Sharon

juggledad Oct 28, 2009 11:33 AM

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

horsemansarts Oct 28, 2009 03:32 PM

Thank you!

Sharon


All times are GMT -6. The time now is 06:19 PM.

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