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
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):
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.
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
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
ThemeNectar Support Team
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.
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; }ThemeNectar Support Team
Thank you