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] Customizing Widget (bold title etc) (http://forum.bytesforall.com/showthread.php?t=11592)

Flinxa Dec 8, 2010 12:51 AM

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

lmilesw Dec 8, 2010 11:44 AM

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.

Flinxa Dec 8, 2010 02:39 PM

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

lmilesw Dec 8, 2010 06:41 PM

The you would probably go to ATO>Style Widgets.

Flinxa Dec 8, 2010 11:50 PM

1 Attachment(s)
good idea, but unfortunately it looks like this

where to say "bold"?

(I tried with IE and Chrome)

lmilesw Dec 9, 2010 08:02 AM

To make the title bold in the widgets you would use CSS in the Widget Title box as in this screenshot.

Flinxa Dec 9, 2010 11:10 AM

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

lmilesw Dec 9, 2010 02:14 PM

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


Flinxa Dec 10, 2010 04:29 AM

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.... ;)


All times are GMT -6. The time now is 08:10 AM.

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