Button Font Size Using Extra Class and CSS

[worldlystrategies]

Hi Dante,

I am wondering how to change the CSS so that I can increase the size of the button text.

button-id-1 is what I put in the extra class of the button short code so that I can link the commands in the CSS to this button (screen shot attached).

Here is what I have tried in the CSS and it seems that just the font size is the only part of it that isn’t working.

.button-id-1 {
background-color: #000000;
color: white;
font-family: “source_sans_probold”, Arial, Helvetica, Tahoma, sans-serif;
letter-spacing: 1.8px;
font-weight: 900!important;
font-size: 28px;
text-align: center;
}

Thanks,
Worldly Strategies

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please add !important with font size like font-size: 28px !important;.

Thanks
Mohammad

[worldlystrategies]

what if I just want the font size to get bigger but I don’t want the whole button square to get bigger with this change? Is there a way to do that?

Also, how to I change the scroll over color?

[worldlystrategies]

Sorry, one last question pertaining to this topic. How do I change the font color in the button? I tried these changes but the font text says white:

.button-id-3 {
background-color: #c8b2d3;
color: #663090;
font-family: “source_sans_probold”, Arial, Helvetica, Tahoma, sans-serif;
letter-spacing: 1.8px;
font-weight: 900!important;
font-size: 18px!important;
text-align: center;
}

and I also tried this:

.button-id-3 {
background-color: #c8b2d3;
color: #663090!important;
font-family: “source_sans_probold”, Arial, Helvetica, Tahoma, sans-serif;
letter-spacing: 1.8px;
font-weight: 900!important;
font-size: 18px!important;
text-align: center;
}

[Mohammad – SUPPORT]

Him
Please provide me specific page url with issue and wordpress admin to byepass maintenance mode. After getting these information, i will give to you exact treatment of this issue.
Thanks
Mohammad

[worldlystrategies]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

this should work:

.sf-button.button-id-yellow {
  color: #111111!important;
}

– Kyle

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.button-id-yellow.dropshadow span.text{
color:#111 !important;
}

Thanks
Mohammad