Changing font size for button on home page

Beaver Builder
1

Hi,

I searched for related issues, but did not find this topic specifically addressed.

One of the buttons on my home page is not formatting with the rest. It is because the font size is too large, so the text continues to a second line and causes the button to expand.

If you go to www.twominutegolf.com you will see the issue.

How do I change the font size so the text, “Let’s Take a Look” will fit on one line in the button?

Thank you.

2

Hi Vincent,

If you’re using the Button module, which from the looks of it you’re. Open the Button module settings and in the Styles tab, change the font size using the option.

Thanks,
Danny

3

Hi,

Thank you for the reply.

I actually tried that (sorry, I should have mentioned that) and it did not work.

Upon further review, when I open the Button Module and the popup appears, it says, “Button Settings” and next to it there is an Orange button that says Global Settings.

Perhaps that is overriding the change at the button module level?

4

Hey Vincent,

That’s actually caused by the custom styling applied to all buttons under the tile-links class. Check the image below for reference.
http://imgur.com/eWCwxLC

Ben

5

Do I have the ability to override that setting just for this one button?

6

Hey Vincent,

Like what Danny said above, the font-size under the Styles tab should have taken care of that. But since your custom styling is declared important, it got overridden. You can add another class to that specific module, e.g., take-a-look, then add the CSS below changing take-a-look to whatever class you want and the 20px value to suit your needs. :slight_smile:

.tile-links.take-a-look a.fl-button, .tile-links.take-a-look a.fl-button:visited {
  font-size: 20px !important;
}

Ben

7

[Content Hidden]

8

Hey Vincent,

Yep, I do see that text on the button. But we’re just adding an extra class to that button for reference only. We can name it anything, so long as it helps us remember what it’s for. :slight_smile:

Do you mind sharing which part of the site you’re placing the code into? Also, don’t forget to add the extra class name under the Advanced tab of the button module. :slight_smile:

Ben