Salient Theme Call To Action Text And Button Styling

April 21, 2016

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:
About Bharat Karavadra

"I research and share leading-edge information, tools and exercises to help people transform and heal their life situations."

Share your thoughts

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

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
Bharat Karavadra