Customize blog's Follow Button

donka61 · Member · Oct 29, 2013 at 5:04 pm
Copy link

Add topic to favorites
Using the widget titled “Follow Blog” I was able to put a follow button on the page. However, the only customization allowed is the text (which is all lowercase). Is there a way to change the text using CSS? I would like to make it ALL CAPITAL and slightly larger font size. If any one can please help me I would appreciate it.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Oct 29, 2013 at 7:44 pm
Copy link
Hi, add the following and adjust the font size as desired. I added a width of 95% to make the button as wide as the email input field above, which I think looks better.
```
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    font-size: 120%;
    text-transform: uppercase;
    width: 95%;
}
```
donka61 · Member · Oct 29, 2013 at 8:25 pm
Copy link
that did not work :(

It also made the search button in the header of the page larger. Are you able to tweak it, or add another line?
thesacredpath · Member · Oct 29, 2013 at 10:34 pm
Copy link
Whoops, I should have scrolled up. :) The following targets the blog subscription widget.
```
#subscribe-blog input[type="submit"] {
    font-size: 120%;
    text-transform: uppercase;
    width: 95%;
}
```
donka61 · Member · Oct 29, 2013 at 10:42 pm
Copy link
once again, thanks!
thesacredpath · Member · Oct 30, 2013 at 2:40 am
Copy link
You are most welcome.

No items found.