Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

[SOLVED] Styling text widgets


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Oct 26, 2009, 02:34 AM
unelma
 
18 posts · Oct 2009
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!
  #2  
Old Oct 26, 2009, 05:42 PM
juggledad's Avatar
juggledad
 
20,010 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
yes it is possible, you need to specify your CSS selector starting at the 'body' to identify the page you are on
  #3  
Old Oct 27, 2009, 04:48 PM
horsemansarts
 
117 posts · Jul 2009
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
  #4  
Old Oct 28, 2009, 05:59 AM
juggledad's Avatar
juggledad
 
20,010 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
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
  #5  
Old Oct 28, 2009, 06:58 AM
horsemansarts
 
117 posts · Jul 2009
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
  #6  
Old Oct 28, 2009, 11:33 AM
juggledad's Avatar
juggledad
 
20,010 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
table#center div.entry-summary,
table#center p.byline,
table#center p.entry-meta {
color: #333333;
}
  #7  
Old Oct 28, 2009, 03:32 PM
horsemansarts
 
117 posts · Jul 2009
Thank you!

Sharon

Bookmarks

Tags
sidebar, styling, text widget

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Styling text-widget Per Lund Sidebars & Widgets 3 Oct 24, 2009 03:32 PM
[SOLVED] Unable to change text styling in Atahualpa 3.4.1 prgupta Atahualpa 3 Wordpress theme 2 Sep 8, 2009 11:53 AM
BUGFIX 342: Can't change text font, in text widgets Leoni Old Version fixes and change logs 3 Aug 5, 2009 04:30 AM
[SOLVED] Styling text widgets Insane Artist Sidebars & Widgets 2 Jul 17, 2009 06:36 PM
text styling in pages tomhypno Atahualpa 3 Wordpress theme 4 Apr 16, 2009 06:25 PM


All times are GMT -6. The time now is 06:28 AM.


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