Button text bold

This topic has 7 replies, 2 voices, and was last updated 8 years by Laura.

Author
March 3, 2016 at 22:02 #108378

greenscotland
Participant

Hi,

I would like to make the fonts on the two buttons on my homepage bold.

This is the code I use for the “login / join” button that is part of the top menu:

<span class=”btn” style=”background-color: #07da00; color: #003300; margin-top: 5px !important;”>Login / Join</span>

The “join” button in the centre is part of a “call to action” module. I would like the related icon of this button also to be bold.

Please advise.

Thanks
March 4, 2016 at 18:13 #108621

Laura
Moderator
Hello, try adding this to style.css of child theme
COPY CODE
```
li#menu-item-3598 a span {
    font-weight: 800;
}
```
Let me know if it works 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
March 5, 2016 at 00:40 #108664

greenscotland
Participant

Thanks.
Can you also let me know how to make the other button on the homepage go bold. The “join” button in the centre is part of a “call to action” module. I would like the icon of this button also to be bold.
March 7, 2016 at 17:45 #109020

Laura
Moderator
Hello, add this 🙂
COPY CODE
```
a.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-shape-rounded.vc_btn3-style-custom.vc_btn3-icon-left {
    font-weight: bolder;
}
```
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
March 7, 2016 at 22:11 #109102

greenscotland
Participant

Can I add that directly to the quick css of general settings and how do I make the font of this button even larger?
Thanks
March 10, 2016 at 14:17 #109718

Laura
Moderator
Hello, yes you can use that but i do suggest to use style.css, to make the font size larger just add font-size:(number); to the code, like this:
COPY CODE
```
a.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-shape-rounded.vc_btn3-style-custom.vc_btn3-icon-left {
    font-weight: bolder;
    font-size:14px;
}
```
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
March 15, 2016 at 00:32 #110553

greenscotland
Participant

Thank you very much Laura!

March 17, 2016 at 01:47 #111138

Laura
Moderator

Glad to help 🙂 If you are happy with the support please rate us 5 star at themeforest and submit the survey at the sidebar ->
🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

The forum ‘General questions’ is closed to new topics and replies.

Search KB

Log in with your credentials

Forgot your details?