Nav Bar CTA Button Styling

Support
#1

Hello

I am trying to style the navbar button ‘schedule consultation’ to make it the same shape round as the other but larger and completely filled in red. What CSS would do this?

Thanks

#2

Hi There,

Thanks for writing in!

To resolve your issue, please use this custom css

.x-creative-cta {
    background-color: red !important;
    color: white !important;
    border-radius: 30px;
}

Feel free to change or add more styling in the code above.

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.

#4

Hi Stephen,

Please kindly add the CSS code below to X > Theme Options > CSS:

.x-navbar .desktop .x-nav>li:last-child a span {
    background-color: rgb(177,9,55);
    color: white;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial:

https://www.youtube.com/watch?v=yfoY53QXEnI

Thank you.