Your Time:
Our Time:
← Back to discussions

What Happened to Large Bold Font in Buttons

Need help with a different issue? Search the forums or open a new ticket.
Open a support ticket

This topic has 5 replies, 2 voices, and was last updated 12 years, 9 months ago by Fem.

  • 2013-12-08 at 1:00 am
    Support Expired
    #1345
    datapendant
    Participant
    • Topics: 6
    • Replies: 9
    • Total posts: 15
    • Post count: 9

    Hello,

    I recently upgraded the theme and now see the buttons do not have the nice large bold font they once did. I did add the strong tag to the button text, but it is still not as it was before. How can I have the same type of bold font that was available previously? Thank you in advance.

    2013-12-09 at 12:13 pm
    #1359
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    In Theme options panel go to Colors > Custom CSS tab and add the following code in it.

    .btn {	font-weight: 700; }
    
    2013-12-12 at 11:49 pm
    Support Expired
    #1469
    datapendant
    Participant
    • Topics: 6
    • Replies: 9
    • Total posts: 15
    • Post count: 9

    Hello,

    Thank you for the response. This did not work unfortunately. Any other way to enable the large fonts?

    Thanks again.

    2013-12-13 at 4:35 pm
    #1480
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    Its working fine at my end can you email me the URL to the specific url where the fonts are not working, so that we can take a closer look at it.

    Regards
    Maqk

    2013-12-14 at 3:05 am
    Support Expired
    #1493
    datapendant
    Participant
    • Topics: 6
    • Replies: 9
    • Total posts: 15
    • Post count: 9

    Hello,

    You are right. It does make a change, but it is not like it was previously. I did just re-enable and disable to look closely at the effect. It does get a bit bolder, but unfortunately it is still unlike what it had been.

    Is there anyway to get that look back or possibly make these fonts even bolder? I tried to raise the number from 700, but it didn’t make much of a difference, if any.

    You can view what it looks like here: http://datapendant.com

    Thank you.

    2013-12-16 at 12:30 pm
    #1511
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    Figured it out. In css/shortcodes.css file find the below code and replace the sizes

    Find Code

    .btn.small span,
    .border.small span   { font-size: 12px; line-height: 14px; padding: 0.5em 1.3em; text-transform:uppercase;  }
    
    .btn.medium span,
    .border.medium span { font-size: 14px; line-height: 18px; padding: 0.5em 1.3em; text-transform:uppercase; }
    
    .btn.large span,
    .border.large span { font-size: 16px; line-height: 24px; padding: 0.5em 1.3em; text-transform:uppercase; }
    

    Replace Code

    .btn.small span,
    .border.small span   { font-size: 80%; line-height: 14px; padding: 0.5em 1.3em; text-transform:uppercase;  }
    
    .btn.medium span,
    .border.medium span { font-size: 100%; line-height: 18px; padding: 0.5em 1.3em; text-transform:uppercase; }
    
    .btn.large span,
    .border.large span { font-size: 140%; line-height: 24px; padding: 0.5em 1.3em; text-transform:uppercase; }
    

You must be logged in to reply to this topic.