Okay
  Public Ticket #2813458
Changing Font Family of Nectar Category Grid
Closed

Comments

  • aonkaskincare started the conversation
    June 28, 2021 at 6:38pm

    Hi, 

    Where can I change the font family of the Nectar Category Grid? 

    If possible, is there a way I can change the font or text style of specific elements, sometimes if I use the typography tool in the theme editor, I have to change all h2 headings when I only want I change the heading of one specific element. 

    Thanks!

  •  1,878
    Judith replied
    June 28, 2021 at 6:49pm

    Hi There,

    Thanks for keeping in touch.

    Please let us know the font changes you would want us to make on the specific element of nectar slider so that we can provide css for specificity.

    Thanks.

  • aonkaskincare replied
    June 28, 2021 at 7:54pm

    Hi, 

    I'm looking to change the font for the category titles on the product category grid to "Arapey" Italic 400 style. This category grid is visible on the homepage. This can be found on the homepage under the headline that says "Looking for something specific?" 

    To clarify, I want to change the font of the category title, not the buttons that say "Shop Now" underneath each category title. 

    Thanks!

  •  8,847
    Tahir replied
    June 29, 2021 at 1:22am

    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-category-grid[data-text-hover-color="light"] .nectar-category-grid-item h3 {
    font-family: Arapey;
    text-transform: capitalize;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: italic;
}

    Thanks

    ThemeNectar Support Team