Skip to main content

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