Okay
  Public Ticket #3378265
Customise Nectar Slider Button
Closed

Comments

  •  2
    Craig Hindman started the conversation
    May 25, 2023 at 6:50am

    Hi there!

    Can you please let me know the CSS options for changing the text color and hover color of text and button background of the nectar slider button?

    At the moment in the nectar slider you can choose the color of the button background to the accent/extra colors but there's nowhere to change the font color of the button.

    Thanks for your help!

    Craig

  •  2,958
    Andrew replied
    May 25, 2023 at 6:57am

    Hey Craig,

    Thank you for reaching out to us.

    Please share your site URL so we can look into this for you.

    We look forward to your feedback.

    Kind regards,

  •  2
    Craig Hindman replied
    May 25, 2023 at 7:02am

    Sorry the site is password protected.

    But please see screen grab with my issue:



    Attached files:  Screenshot 2023-05-25 at 4.29.59 pm.png

  •  1,877
    Judith replied
    May 25, 2023 at 12:08pm

    Hi Craig,

    We don't have this option from salient options, we may need to provide css which we would need your website URL to provide. We can make this ticket private so that you can share your website URL and password which will be confidential.

    Thanks.

  •  2
    Craig Hindman replied
    May 25, 2023 at 1:20pm

    https://craigh102.sg-host.com

    User: marketing

    PW: $322gf16+htj

  •  1,877
    Judith replied
    May 25, 2023 at 5:25pm

    Hi Craig,

    The link you send just keeps loading and not opening, please verify then resend.

    Thanks.

  •  2
    Craig Hindman replied
    May 26, 2023 at 1:00am

    Sorry that link is exactly right and works perfectly for me.

    I have removed the username and password to see if that works for you?

    If you are able to access this, there's also a down arrow on the Yellow menu button I would like to change to black as well?

    Thanks for you help!

  •  2,958
    Andrew replied
    May 26, 2023 at 7:08am

    Hello Craig,

    Thank you for getting back to us.

    You can add this CSS to change the color and background color of the button. 

    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-slider-wrap .swiper-slide .button a.extra-color-1 {
    color: #000000 !important;
}
.nectar-slider-wrap .swiper-slide .button a.extra-color-1:hover {
    color: #000000 !important;
    background-color: #32373c !important;
}

    As for the down arrow, are you referring to the arrow in this screenshot? 

    5475356366.png

    I look forward to your reply on this.

    Thanks,

  •  2
    Craig Hindman replied
    May 26, 2023 at 11:30am

    yes that’s the arrow thank you :)

  •  2
    Craig Hindman replied
    May 28, 2023 at 11:43pm

    Are you able to provide the code for the arrow color at all?

    Thanks!

  •  2,958
    Andrew replied
    May 29, 2023 at 7:28am

    Hello again,

    Thank you for getting back to us.

    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):

    #header-outer #top nav>ul>li[class*=button_solid_color]>a .sf-sub-indicator i {
  color: #000 !important;
}

    Thanks,