Salient v13.0 Major Release (3/25/2021) is now available.

If you're on a version prior to 10.5 and are considering updating, it's important to read through our update guide before updating to ensure a smooth transition.

Click here to view the update guide

Okay
  Public Ticket #2702427
Font style on Fancy Box
Closed

Comments

  •  2
    byggis started the conversation

    Hi,


    i am trying to chamge the font on a Fancy Box, but when i do it in the editor with styling, it stiles gets removed and put to some custom. I attach a screen shot


    Font-family: Koho 

    Style: Normal 

    Weight 400 

    Size 24

    Line Hight 24

    Attached files:  Screenshot 2021-02-25 at 12.43.39.png

  •  5,651
    Tahir - SUPPORT replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .nectar-fancy-box[data-style="parallax_hover"] p strong {
        font-family: 'KoHo';
        font-style: normal;
        font-weight: 400 !important;
        font-size: 24px !important;
        line-height: 24px !important;
    }

    Thanks

  •  2
    byggis replied

    Thank you tahir, it works perfect!
    The problem is i have more fancyboxes on the same page and now they get changed in fonttype to, and ofcourse I do NOT want that.

  •  5,651
    Tahir - SUPPORT replied

    Try adding a Extra class on that row in the "Row Settings" and then add it to the CSS Selector below.

    .my-fancyboxclass .nectar-fancy-box[data-style="parallax_hover"] p strong {
        font-family: 'KoHo';
        font-style: normal;
        font-weight: 400 !important;
        font-size: 24px !important;
        line-height: 24px !important;
    }
    
  •  2
    byggis replied

    Thank you