Separate Blogroll Title and Description?

  • 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.

    Image1.jpg

    Here’s an image to show what I mean.

    Many thanks

    LW

    Anonymous

    #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

    Anonymous

    #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

    Anonymous

    #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.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!