lonewalker

#3903

Hi

I’d like to separate my Blogroll Title (the bit with the link in it), from the Description text. At the moment they appear as one line, wrapping if needed onto two rows. This is usual behaviour. But to my mind doesn’t look right.

I’d like to have the Description on a separate line beneath the Title. Can someone help me with the code I need to add to my child theme to achieve this please? Ideally I’d want the description is slightly small text as well, but I’m sure I can manage this if I can separate the lines.

Here’s an image to show what I mean.

Many thanks

LW

Prasanna SP

#26538

Can you post a link to the site where Blogroll widget is activated?

lonewalker

#26539

Thanks for the quick response.

My site is here:

http://www.lonewalker.walkingplaces.co.uk/diary/

This shows the current behaviour

LW

Prasanna SP

#26540

Try this, (untested)

#linkcat-2 ul li a {

display: block;

}

lonewalker

#26541

Perfect! Many thanks!

Could you explain (without wasting too much of your time) how that works?

I’d like to be able to change the properties of the description text (size, weight, color, etc.) but without knowing this I may struggle.

Thanks again

LW

Prasanna SP

#26542

linkcat-2 is the ID of your Blogroll widget. So, first we target that widget (#linkcat-2). Each Blog item in the widget is listed (unordered list – ul li ). Link (ul li a) in the list was displaying inline. We changed it to be displayed block. So, it spanned the whole line and pushed the description to the next line.

Hmm.. I’m not good at explaining things.. ..

lonewalker

#26543

That’s just fine, thanks for your help.