Padding to text in widget list

  • Eklundz

    (@eklundz)


    11 years, 7 months ago

    Hi!
    I’ve really tried to att som padding (if that is what I need?) to the text in my top 10 posts list in a widget. But I can’t seem to succeed.

    Here is my site: http://www.obsid.se

    What I want is for the text beneath each image in the topp 10 posts widget in the right sidebar so be spaced a bit from the image.

    Why? Because if I visit the site from a mobile device the first word of the text gets inline with the image, and the rest ends up a row below.

    So I thought that some padding between the image and the text might solve that. True? Or am I doing the wrong thing?

    What I would really appreciate is the appropriate CSS to add to the custom CSS.

    Thanks in advance!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Konstantinos

    (@no_sensation)

    11 years, 7 months ago

    You mast use margin.

    examble
    margin-bottom:20px;

    Thread Starter Eklundz

    (@eklundz)

    11 years, 7 months ago

    Ok, great. How do I write that in CSS?
    Sadly, Im not very skilled in coding 🙁 .

    Would greatly appreciate a piece of code that I can just copy and paste into the custom CSS. I can edit the values, not just skilled enough to write it from scratch.

    Konstantinos

    (@no_sensation)

    11 years, 7 months ago

    I don’t recommend you to make changes because if you make something wrong you will change the design of your site.

    I see the code of your site and i must say is a little bit mess. I will search more tomorrow and i will tell you exactly what you must change.

    Sorry for my English

    Thread Starter Eklundz

    (@eklundz)

    11 years, 7 months ago

    Really?
    Please do that, and give me your recommendation.

    Greatly appreciated!

    Konstantinos

    (@no_sensation)

    11 years, 7 months ago

    Ok i found it! But before doing everything is good to do back up in case you make something wrong.

    Now log in and go Appearance / Editor and then found from rigth the file header.php after you click on it found this line.
    .tptn_title {
    text-align: center;
    }

    and replace it with

    .tptn_title {
    float:left;
    margin-bottom:10px;
    text-align: center;
    }

    You can add more space by changin margin-bottom:10px;

    I hope will works else i must search more to find it.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Padding to text in widget list’ is closed to new replies.