WordPress.com Forums » Topic: How to reduce space in text box widget http://en.forums.wordpress.com/topic/how-to-reduce-space-in-text-box-widget WordPress.com Forums » Topic: How to reduce space in text box widget en Wed, 19 Jun 2013 09:31:33 +0000 http://bbpress.org/?v=1.1-alpha-2539 themabelkwong on "How to reduce space in text box widget" http://en.forums.wordpress.com/topic/how-to-reduce-space-in-text-box-widget#post-987958 Sun, 26 Aug 2012 07:29:37 +0000 themabelkwong 987958@http://en.forums.wordpress.com/ Thank you for this! It works well!

]]> justpi on "How to reduce space in text box widget" http://en.forums.wordpress.com/topic/how-to-reduce-space-in-text-box-widget#post-987955 Sun, 26 Aug 2012 07:22:52 +0000 justpi 987955@http://en.forums.wordpress.com/ 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>
]]> justpi on "How to reduce space in text box widget" http://en.forums.wordpress.com/topic/how-to-reduce-space-in-text-box-widget#post-987952 Sun, 26 Aug 2012 07:11:13 +0000 justpi 987952@http://en.forums.wordpress.com/ 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>

]]> themabelkwong on "How to reduce space in text box widget" http://en.forums.wordpress.com/topic/how-to-reduce-space-in-text-box-widget#post-987947 Sun, 26 Aug 2012 06:14:45 +0000 themabelkwong 987947@http://en.forums.wordpress.com/ 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!

]]>