Need help? Check out our Support site, then


How to reduce space in text box widget

  1. 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:

    <div style="font-size:110%;"><font color="#777"><p>Keep up to date with my blog and posts by subscribing via:</p></font>

    </div>

    Thanks!

    The blog I need help with is themabelkwong.wordpress.com.

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

  3. 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>
  4. Thank you for this! It works well!

Topic Closed

This topic has been closed to new replies.

About this Topic