Own style for link in widget title
 

Flynn and or Juggledad,
Maybe (probably) this had been asked before and I've searched the forum but can't find the answer. In my sidebar I use the Catagory Posts widget and I want to make the title link to the posts in that categorie. There's an option in the widget to do that, but the problem is that then the titels' font changes to black bold, while I want it to remain just as it is. In the posts etc the layout for a link should remain bold black. So, what to do?

Look into the browser rendered source code for an ID or class of the widget and add a CSS Insert:

div.class-of-widget a:link,
div.class-of-widget a:active,
div.class-of-widget a:visited,
div.class-of-widget a:hover {
font-weight: normal;
}

or

div#id-of-widget a:link,
div#id-of-widget a:active,
div#id-of-widget a:visited,
div#id-of-widget a:hover {
font-weight: normal;
}

Sorry for my denseness, but where do I copy this code to? And can't I insert it in the widgets' code?

Add this to HTML/CSS Inserts -> CSS Inserts

div.widget_categoryposts div.widget-title a:link,
div.widget_categoryposts div.widget-title a:active,
div.widget_categoryposts div.widget-title a:visited,
div.widget_categoryposts div.widget-title a:hover {
font-weight: normal;
....other styles...
}

Sorry Flynn,
But that isn't working. Please take a look at www.elektroretailmagazine.nl. In the 'middle' sidebar I made the title Marketing linkable, but it's hardly readable because it's black bold. I just want is to stay white, like the rest, on a blue background.

With ....other styles... I meant that you should put something else there if required, i.e. a color. And your other widget titles ARE bold, so if you wanted this title to look like the other ones:

div.widget_categoryposts div.widget-title a:link,
div.widget_categoryposts div.widget-title a:active,
div.widget_categoryposts div.widget-title a:visited,
div.widget_categoryposts div.widget-title a:hover {
color: #ffffff;
}

To make this particular widget title not bold, use this instead:

div.widget_categoryposts div.widget-title a:link,
div.widget_categoryposts div.widget-title a:active,
div.widget_categoryposts div.widget-title a:visited,
div.widget_categoryposts div.widget-title a:hover {
font-weight: normal;
color: #ffffff;
}

Just goes to show how little I know about this kind of stuff... :o Thanks a million Flynn!

Just upgraded to a new version of Category Posts and now the styling of the headers has disappeared. I tried to solve it, but just can't seem to find the right thing to do. Could you take a look? Once again, the site is: www.elektroretailmagazine.nl.

If you are looking for the ttiles ( like Bedrijfsnieuws) to be links, they are not being generated that way. Check the options in the plugin to see if there is an option you need to turn on to have the category title become a link.

Hi JD,
Sorry, but if I do that the titles become bold black and I want htem to stay just as they are....

See the PM I sent you