How to reduce space in text box widget

  • Unknown's avatar
    themabelkwong · Member ·

    I am using the Twenty Eleven theme and my blog is here http://themabelkwong.wordpress.com. I have the CSS upgrade.

    I insertws a text box widget into the sidebar. I labelled it ‘Subscribe’ and started playing around with changing the font by inserting HTML into the widget text box.

    I was wondering, how can I increase the space between the line below ‘Subscribe’ and the text in my widget (just like how all my other widgets look like)?

    Here is a bit of the HTML I pasted into the text box widget:

    Keep up to date with my blog and posts by subscribing via:

    </div>

    Thanks!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    justpi · Member ·

    First, you don’t need a p tag and a div tag and a font color tag: you put everything in the style of one tag (in this case a p tag, since the text is one paragraph). Second, to add space above the text, you add a top margin (or padding). In all:
    <p style="font-size:110%;color:#777;margin-top:8px;">Keep up to date with my blog and posts by subscribing via:</p>

  • Unknown's avatar
    justpi · Member ·

    Ah sorry, didn’t notice that you wanted to increase the font size of the links as well. In that case: 

    <div style="font-size:110%;"><p style="color:#777;margin-top:8px;">Keep up to date with my blog and posts by subscribing via:</p>
ETC ETC
</div>
  • Unknown's avatar
    themabelkwong · Member ·

    Thank you for this! It works well!

  • The topic ‘How to reduce space in text box widget’ is closed to new replies.