Salient Theme Blog Archive Read More Link Styling

The styling of the ‘Read More’ button on Salient Theme blog archive pages can be customised.

See before and after…

Before:

After:

The above images do not display the hover colour. Move your mouse over the submit buttons main blog archive 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 read more link.

/* Blog Archive More Link Style */
article.post .more-link span {
 font-family: "Domine";
 font-size: 14px;
 font-style: normal;
 background-color: #27CFC3 !important;
}

/* Blog Archive More Link Hover Style */
article.post .more-link span:hover {
 background-color: #333333 !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 *

>