Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #189346

    Hi,
    I am using layer slider for the website
    I have created text using layers on the image and i wanted to setup the font weight: extra bold 800, i am using open sans font for the text…

    How can i set the font weight extra bold 800?
    I have added in the css but it’s doesn’t showing the font weight extra bold 800

    #189356

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    #189359
    This reply has been marked as private.
    #189365

    Hi!

    That is happening because Open Sans 800 is not being included, do the following:

    Open /enfold/framework/php/class-style-generator.php and look for line 194:

    $this->extra_output .= '<link id="google_webfont_'.$this->webfont_count.'" rel="stylesheet" type="text/css" href="'.$prefix.'://fonts.googleapis.com/css?family='.str_replace(' ','+',$rule_split[0]).$font_weight.'" />';
    

    Replace it by this:

    $this->extra_output .= '<link id="google_webfont_'.$this->webfont_count.'" rel="stylesheet" type="text/css" href="'.$prefix.'://fonts.googleapis.com/css?family='.str_replace(' ','+',$rule_split[0]).$font_weight.',800" />';
    

    Best regards,
    Josue

    • This reply was modified 11 years, 2 months ago by Josue.
    #189376
    This reply has been marked as private.
    #189383

    Hey!

    Try adding this CSS to the Quick CSS:

    .ls-layer:nth-of-type(2) *{ font-weight: 800; }
    

    Result:

    Best regards,
    Josue

    #189387
    This reply has been marked as private.
    #189391

    Hi!

    Well, that’s easier, use this instead:

    .ls-layer h1{ font-weight: 800; }

    Best regards,
    Josue

    #189392
    This reply has been marked as private.
    #189397

    Hey!

    You’ll need to add “,300” to the line i pointed in my first reply, then you’d need to equalize your first layer element (i noted that one was a p and another a span), finally simply use this code:

    .ls-layer p{ font-weight: 300; }
    

    Change p for span if you decided to use span.

    Cheers!
    Josue

    #189422
    This reply has been marked as private.
    #189423

    Hey!

    They look the same here, remember to remove the previous code i provided.

    Best regards,
    Josue

    #189426
    This reply has been marked as private.
    #189429

    Hi!

    You are using 100, use 300.

    .ls-layer p{ font-weight: 300; }

    But first:

    You’ll need to add “,300″ to the line i pointed in my first reply.

    Regards,
    Josue

    #189434
    This reply has been marked as private.
    #189435
    This reply has been marked as private.
    #189440

    You are welcome, glad we could help :)

    Regards,
    
Josue

Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Enfold slider image text font’ is closed to new replies.