Help With Follow Widget

westcoastflaneur · Member · Mar 13, 2016 at 11:15 am
Copy link

Add topic to favorites
Hello WordPress Fam,

So, if you scroll all the way to the bottom of my homepage, on the left hand side you’ll notice the Subscribe – follow widget I have placed.

Now what irks me is the subsequent placement of “Join 218 other Followers” and the Subscribe button below.

I’m a WordPress Business plan member and I have the CSS upgrade, anything I can do to center the placement. Would look so much better.

Cheers
Ngawang

The blog I need help with is: (visible only to logged in users)
madeincosmos · Member · Mar 13, 2016 at 6:39 pm
Copy link
Hi Ngawang,

This code should do the trick:
```
#subscribe-blog-2 p:nth-child(3),
#subscribe-blog-2 p:nth-child(4) {
    text-align: center;
}
```
If you need any help on editing CSS on your site, check out the Custom Design guide page: https://en.support.wordpress.com/custom-design/
westcoastflaneur · Member · Mar 13, 2016 at 7:22 pm
Copy link
Works perfectly, thanks!

And a follow up question – how do I italicize only the quote in the same follow widget, “Nothing is at last sacred but the integrity of your own mind”
madeincosmos · Member · Mar 13, 2016 at 8:09 pm
Copy link
You can’t do that using CSS only, because the quote and the author are a single HTML item.

Luckily, you can add HTML code in widget description and resolve it this way. Try going to site Customizer, opening widget details and wrapping around the quote in emphasis tags like below:

<em>Nothing is at last sacred but the integrity of your own mind</em> - Ralph Waldo Emerson

I just tested this on my blog and the text appeared in italics.
westcoastflaneur · Member · Mar 14, 2016 at 1:58 am
Copy link
Sweet!

And by the way, don’t know why the “Subscribe” button has now run away to the left – if you look at my homepage.

Appreciate your help.
madeincosmos · Member · Mar 14, 2016 at 12:30 pm
Copy link
It looks like one or more of HTML tags on your page was not closed properly. Please try to double check and make sure that for every open tag, such as
<strong>
there is a matching closing tag with a slash sign:
</strong>

Meanwhile, you can replace the CSS code I provided in my first post with the following:
```
.widget_blog_subscription p:last-child {
    text-align: center;
}
```
This will bring the Subscribe button back to center, no matter what is the structure of this widget.
westcoastflaneur · Member · Mar 14, 2016 at 6:36 pm
Copy link
Everything worked seamlessly.

You’re awesome :)

No items found.