Salient Theme Call To Action Text And Button Styling

The call to action text and button that appear near the footer of the Salient theme can be customised.

See before and after…

Before:

After:

The above images do not show the change in the rollover effect of the button. Move your mouse over the button at the bottom of this post for a live preview.

Instructions:

The following CSS can be added to wp-admin > Salient > General Settings > CSS/Script Related to customise the display of the text and the button in the call to action section at the bottom of all the pages.

/* Call to action text style */
#call-to-action .container span {
    font-family: Merriweather;
    letter-spacing: normal;
    /*font-style: italic;*/
}

/* Call to action button text size and color */
#footer-outer .nectar-button {
    font-size: 14px !important;
    color: #ffffff !important;
    font-weight: 900 !important;
}

/* Call to action button hover text size and color */
#footer-outer .nectar-button:hover {
    color: #ffffff !important;
    background-color: #000000 !important;
}

Share this:

Subscribe for updates

Enter your email address below. I’ll send you updates & news to your email address. You can unsubscribe at any time.


Posted

in

by


Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

>