Archived topic
Restrict Link Style On Homepage
5 replies · Started by eastwood501 on December 14, 2021
Hi,
How can I restric link styling on specific pages. For example on my static home page, I have a few H3 titles that link to post pages. However i dont want any link underline or colour stylings that are inherited from the customizer. I am happy to keep link styling on blog posts but not on specific pages.
Is there a CSS code that i can apply to restrict link styling on homepage?
Hi there,
its probably easier to disable the Link underline in Customizer > General.
Then add some to style the links you do want using some CSS eg.
.single .entry-content p a {
text-decoration: underline;
}
That will just add decorations to links inside a paragraph of your single posts.
For the H3 on the home page i would need to see the site to provide the best solution for that.
Hi, I have included my URL link below as I am using a staging site.
On the homepage about three quarters down the page you will see two post headings & their meta links that are blue. 'Canopy Chair & Sleeping Bags'. The blue styling is being pulled from the customizer options. I am happy with this link styling on single posts but not on the home page H3's and meta.
The style I would like to keep are the posts above the posts with the blue titles called 'RV Awning & Burning Stoves'.
Is there a way to target the blue link styles and restrict or force change colour?
Ok so those headings are added using a GB Headline Block, with that block selected you can set the Colors > Links in the blocks sidebar colors panel.
Hi David, thanks for your reply. What a simple solution. I feel like such a dummy i spent hours online looking for a simple solution. Thanks for showing me the way. Im still getting used to GB Blocks pro and Generate Press pro coming from elementor. Cheers. Now marked as resolved
Glad i could be of help :)