Bromley theme: Follow Widget

andysmart6866 · Member · Mar 30, 2017 at 12:26 am
Copy link

Add topic to favorites
Hi there
Just added the follow widget for my front page to show the follower count.
However, the actual button itself is tiny relative to the rest of the page and other buttons.

I was wondering if it was possible to make it bigger or change the colour so it matches with the page. Maybe a CSS issue?

I know I’ve been able to make windows larger and smaller and change colours in the past courtesy of the main man Sacred Path

Any help????

Cheers

Andy

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Mar 30, 2017 at 7:02 pm
Copy link
Hi Andy, add the following to your custom CSS and adjust as desired. I’ve set the button to 100% width and included color declarations for both the non-hover and hover states.
```
.widget_blog_subscription form input[type="submit"] {
	width: 100%;
	background-color: #cc0000;
}
.widget_blog_subscription form input[type="submit"]:hover {
	background-color: #009918;
}
```
andysmart6866 · Member · Mar 31, 2017 at 11:12 am
Copy link
Heeeeyyy thesacredpath > Awesome to run into you again. I see your still going strong with the help.

The CSS you gave me works fine, just on the wrong widget.

If you take a look at my blog, the button I am looking to change is the small blue one with 505 followers that just says “follow” with the WP icon.

The one that your code changes is the bigger one above with 7,000+ followers that says “follow Just Turn Left”.

Sorry to be a pain

Thanks for your help mate
thesacredpath · Member · Mar 31, 2017 at 5:29 pm
Copy link
Yeah, still around and CSS’ing. That follow button is part of Jetpack and the following widget stuff is in an iframe, and there is not much we can do with styling on that. I keep trying, but still have not figured out a way to make it larger, or even change the color of the button. Have you tried editing that widget and checking the “Show blog name” button to see what you think with that? It would then say, Follow Just Turn Left. That is about the only way we can make that button wider.
andysmart6866 · Member · Apr 1, 2017 at 6:57 am
Copy link
Hiya thesacredpath
If you do ever make any progress with colour and size please drop by and let me know.

Thanks for the advice. Adding the name does make it a bit better.
It does however have acres of white space around it.

Any chance of making that space around it a bit smaller?
Pls take a look at my home page and you’ll see what I mean.

Tx again
thesacredpath · Member · Apr 2, 2017 at 8:08 pm
Copy link
We can tighten up the spacing with the following. I’ve specifically targeted the follow widget only.
```
.widget_follow_button_widget {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
```
andysmart6866 · Member · Apr 2, 2017 at 11:46 pm
Copy link
Hiya thesacredpath

Big thanks for that
It does look a lot better

Thanks for coming back on that one.
Good running into you again mate and keep up the good work

Andy
thesacredpath · Member · Apr 3, 2017 at 7:49 pm
Copy link
Nice running into you too, Andy, and you are welcome.

No items found.