Attention Widget Button Spacing

[aknodolf]

I am very happy to have found the Grassroots theme for our foundation webpage update. I was able to get it up and running fairly quickly, but I have added attention widgets and the associated buttons are not closely spaced to the text. Can that be changed?

[Bill Robbins]

Hello Aaron,

Thank you for your business first of all. Good question too. The idea behind the attention widget is to have text taking up about 70 percent of the width of the area and a button area filling up the rest. It’s set that way so that we can center the button vertically which can sometimes be tricky unless we know the height of the widget.

You can change the widths though. Here’s how:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   .home-widgets .attention-block .attention-title {
   	width: 90%;
   }
   
   .home-widgets .attention-block .attention-button {
   	width: 10%;
   }
   

3. Update your settings.

That should let the text span further across the screen. If you have any questions or have something else in mind, just let me know.

Thanks,
Bill

[Author]

Posts