Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

[SOLVED] Change font size in widgets


  #1  
Old Nov 27, 2009, 02:10 PM
johnd28
 
29 posts · Sep 2009
Hi,

How can I change the font size in text widgets in the sidebars? I'm using unordered lists to show links to the other posts on the blog. I can't find it in the regular options.
Thanks,

John
  #2  
Old Nov 28, 2009, 05:41 AM
juggledad's Avatar
juggledad
 
23,597 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
use a CSS Insert (ATO->Add HTML/CSS Inserts->CSS Inserts) with a CSS selector identifying the widget. then you can use the CSS 'font-size' property (do a google search using 'css font size' to find the options)

You will need to look at the source of the generated page to identify the widget - it will look something like this
HTML Code:
<div id="text-2" class="widget widget_text">
	<div class="widget-title">
		<h3>your text title</h3>
	</div>			
	<div class="textwidget">your text is here</div>
	</div>
in this case you could make your selector '#text-2 .textwidget {....}'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Nov 28, 2009, 09:27 AM
johnd28
 
29 posts · Sep 2009
Hi,
Thanks for your reply, but it didn't work for me.

Here is the starting code for one of the widgets: <div id="text-21" class="widget widget_text"><div class="widget-title"><h3>Popular </h3></div> <div class="textwidget">

I then entered a css insert: #text-21. textwidget {font-size:6px;}

Nothing changed. I also tried using the em unit for text size with no result. Does it matter if all the text is in an Unordered list and if so what needs to change in the CSS code?

Thanks,

Jonathan
  #4  
Old Nov 28, 2009, 09:33 AM
Liston's Avatar
Liston
 
26 posts · Oct 2009
Scotland
What I did to change the font size in the sidebar - which affected widgets in that side bar was add

font-size: 0.8em;

in the Ata options # Sidebars & Widgets # Style & configure SIDEBARS

Not sure if that helps or not.
  #5  
Old Nov 28, 2009, 09:42 AM
juggledad's Avatar
juggledad
 
23,597 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Quote:
#text-21. textwidget {font-size:6px;}
you have a typo it should be #text-21 .textwidget {font-size:6px;}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Nov 28, 2009, 09:47 AM
johnd28
 
29 posts · Sep 2009
Quote:
Originally Posted by juggledad
you have a typo it should be #text-21 .textwidget {font-size:6px;}
Thanks. It worked like a charm. Donation on its way.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to change font size in right sidebar? PublicPol Sidebars & Widgets 1 Aug 27, 2009 07:53 PM
Changing the font size in the sidebar/widgets StudioGal Sidebars & Widgets 2 Apr 2, 2009 10:54 AM
Change comment font size 6clix Comments, trackbacks & pings 8 Feb 12, 2009 10:48 AM
How to change font size in sidebar? BLB Sidebars & Widgets 1 Jan 5, 2009 02:25 PM


All times are GMT -6. The time now is 11:15 AM.


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