Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 16, 2016 at 2:23 pm #632931
    davidpreston

    I’ve a full width button (Avia Layout Builder, Content Elements, Full Width Button) and I would like to change the font using Adobe Typekit, how can I do it?

    I’ve changed all my other fonts using Adobe Typekit by using CSS as below and that works, I guess all I need to know is the ‘h1’ value for a fullwidth button?

    h1 { font-family: “proxima-nova”,sans-serif;font-style: normal;font-weight: 100; }

    have tried

    #fullwithbutton h1 { font-family: “proxima-nova”,sans-serif;font-style: normal;font-weight: 100; }

    but it doesn’t work

    May 16, 2016 at 4:26 pm #633104
    davidpreston

    Also, how can I change the text within my hotspot’s?

    I’ve changed the font but when I make it ‘bold’ it reverts back to the default font instead of my proxima-nova font :(

    D

    May 17, 2016 at 7:22 am #633511
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    #schedule-your-demo-schedule-your-demo .avia_iconbox_title {
font-size:30px !important;
}

    Regards,
    Rikard

    May 17, 2016 at 11:07 am #633624
    davidpreston

    All that does is change the font size, I want to change the font type.

    Anyway I’ve just tried to do it in the ‘full width buttion’, by pasting <H2>Schedule Your Demo<H2> in the ‘Button Title’, this works but now
    – my button is now way too large
    – the rollover effect only works on the bottom half.
    – the text is now black when I want it to be white

    D

    May 18, 2016 at 1:17 pm #634404
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top .avia-button-fullwidth {
    font-family: "proxima-nova",sans-serif;
}

    Best regards,
    Yigit

    May 20, 2016 at 8:11 am #635764
    davidpreston

    That works, thanks.

    Can I ask how to change the font inside the hotspots? I’ve managed it by putting the below code inside Typekit CSS Rules but is there a way to do it inside Enfold instead?

    The problem I have is that whilst my method changes the body text, it doesn’t change the red LOREM IPSUM headlines.

    (The text I’m talking about is in ‘Image With Hotspots’, ‘Edit Hotspot Tool Tip’ and then switch the text box from ‘Visual’ to ‘Text’.)

    May 20, 2016 at 12:56 pm #635863
    Yigit

    Hi,

    I am not sure if i understood you clearly but to me it seems like you managed to change it?
    If you have not, please elaborate on the issue and post screenshots showing the changes you would like to make.

    P.S.: Your website looks pretty!

    Best regards,
    Yigit

    May 27, 2016 at 6:23 pm #639465
    davidpreston

    Hi Yigit, thanks for the comments, we’re giving people free tress so it needs to look nice – glad we’re hitting the mark :)

    Yeh, I’m still struggling with this (sorry for the delay). Not sure how to send you a picture, but if I look at the one you’ve taken then that should be enough. Essentially, The red bit that says PROTECTING FROM HARM is in a font that doesn’t match the text in the rest of text below it. I like the fact it’s red, I just want it to be in Proxima Nova (my H3) just like the text below it.

    May 27, 2016 at 6:29 pm #639466
    davidpreston

    Ok, I’ve just realised that if I open up the Edit Hotspot tooltip and change the text from

    SHAPING UP

    to just

    SHAPING UP

    then the font matches, brilliant. Is there a way to make it red though like it was in (strong) mode?

    May 27, 2016 at 6:31 pm #639467
    davidpreston

    Compare buttons 1&2, I want 1 to be red in the same place that 2 is :)

    May 30, 2016 at 5:27 am #640102
    Ismael

    Hi,

    Wrap the title in a strong tag:

    <strong>BOARDS&nbsp;NEED INFORMATION LIKE TREES NEED WATER</strong>

    Best regards,
    Ismael

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.