Hi, I’m trying to change the read more link to a button with a f05a1a as the background color and i’m using the same code you gave me for another site of mine but it isn’t working on this site.
.page-id-716 .read-more-link a { background-color: #f05a1a!important; color: white!important;
border-radius: 3px !important;
padding: 10px 10px !important;
}
Can you please check and let me know what code I should use?
Thanks.
Hi DROR!
Please remove page ID from the code, so it should be
a.more-link { background-color: #f05a1a!important; color: white!important;
border-radius: 3px !important;
padding: 10px 10px !important;
}
Regards,
Yigit
That still doesn’t seem to work. The read more link stays the same as before.
Hey!
Thank you for your feedback.
I tried the code in FF – it should work.
Just to make sure, there is no syntax error: try to use the code below – I pasted it out from firebug.
a.more-link {
background-color: #f05a1a !important;
border-radius: 3px !important;
color: white !important;
padding: 10px !important;
}
Best regards,
Günter
Great, that worked.
Does this only affect the blog page or will it also change any other read more links across the site (if there are any)?