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] Customizing Widget (bold title etc)


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 Dec 8, 2010, 12:51 AM
Flinxa
 
69 posts · Sep 2010
Hi

slowly but surely my website looks good, but I am kind of perfectionist....

www.fabforties.de

I use "advance recent posts" in my left sidebar

Thanks to lmilesw I have no borders around every post, but I want some other little improvements:

The post title should be bold

I know that I have to use the css insert section and it is "font-weight: bold", but what is the object? I tried the developer tool from Google (thanks for this hint!) and used

div.widget_advancedrecentposts ul li{
color: #222222
font-weight: bold;
}

I think there is something missing, because this has not the effect I wanted

the excerpt should have a smaller font

I think similar to the one above

And last but not least: I don't like the excerpts with a certain amount of letters, I like the more-tag. Any ideas how to integrate this?

Or perhaps another widget with more options?

Thanks
Flinxa
  #2  
Old Dec 8, 2010, 11:44 AM
lmilesw's Avatar
lmilesw
 
10,097 posts · Jul 2009
Central New York State USA
Go to ATO>Style Post & Pages. There are two boxes there for styling the post titles.

To have the excerpts show as you want use the manual excerpt box and if you want them smaller wrap the excerpt in a div and style it.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Dec 8, 2010, 02:39 PM
Flinxa
 
69 posts · Sep 2010
hm,I am not sure if we talk about the same. I want to style the posts on the left side in the sidebar (it is a widget), not the posts in the loop
  #4  
Old Dec 8, 2010, 06:41 PM
lmilesw's Avatar
lmilesw
 
10,097 posts · Jul 2009
Central New York State USA
The you would probably go to ATO>Style Widgets.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Dec 8, 2010, 11:50 PM
Flinxa
 
69 posts · Sep 2010
good idea, but unfortunately it looks like this

where to say "bold"?

(I tried with IE and Chrome)
Attached Thumbnails
Click image for larger version

Name:	widget.jpg
Views:	246
Size:	68.8 KB
ID:	950  
  #6  
Old Dec 9, 2010, 08:02 AM
lmilesw's Avatar
lmilesw
 
10,097 posts · Jul 2009
Central New York State USA
To make the title bold in the widgets you would use CSS in the Widget Title box as in this screenshot.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #7  
Old Dec 9, 2010, 11:10 AM
Flinxa
 
69 posts · Sep 2010
Hi

I tried it, but it didn't work

I mdae a crosscheck with "widget content box" - there it works and all the text is bold. But it does not work for the links/titles
  #8  
Old Dec 9, 2010, 02:14 PM
lmilesw's Avatar
lmilesw
 
10,097 posts · Jul 2009
Central New York State USA
I am not sure what is going on but you could resort to the following in ATO>Add HTML/CSS Inserts>CSS Inserts
HTML Code:
div.widget h3 {
font-weight: bold !important;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #9  
Old Dec 10, 2010, 04:29 AM
Flinxa
 
69 posts · Sep 2010
as always it is straight forward...

this didn't work but after a look with Chrome on the source code I tried

div.widget ul li a:link {
font-weight: bold !important;
}

and this works!

But thanks for your hint - without it I woulnd't have find it

PS: I think in the end I WILL learn css....

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Why do the single widget customizing not work? danalingga Sidebars & Widgets 1 Jun 19, 2010 06:12 AM
HTML in text widget BOLD wereldbol Sidebars & Widgets 1 Nov 8, 2009 05:01 AM
Bold active page link title - How? snarunas Sidebars & Widgets 11 Oct 20, 2009 07:56 AM
[SOLVED] I want links not bold but h2 on home page bold...how? jankph New Versions, & Updating 1 Jul 19, 2009 10:30 AM
BOLD widget text jim Sidebars & Widgets 6 Mar 30, 2009 10:24 AM


All times are GMT -6. The time now is 07:38 PM.


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