Archived topic
Please help to remove link style on this element?
5 replies · Started by Trạng on January 26, 2022
Hi there, can you please give me a custom css code that helps to remove the link style effect of "product name title" on this table?
Screenshot here
I want to display it as the default styling on Affiliatable setting, not effected by the css of my theme site.
Hi there,
you will need to add more specific styles to those elements eg.
.inside-article a.cg-table-title {
color: #303030;
font-size: 20px;
font-weight: 600;
}
.inside-article a.cg-table-title:hover {
/* add hover styles */
}
Thank you so much David, sir!
Your help is always great!
One more help, could you please give me some custom css code that helps to create the label & button on the table like this?
Let's say I want:
+ The lable " best all around & our top pick" -> red background #be1e34 & white text
+ The button "Check latest price on amazon" -> yellow background #f7ca00 & black text
+ The text on label & button will be bigger. It's so small by default!
Thank you so much
CSS for the button:
.inside-article a.cg-btn {
color: #000000 !important;
font-size: 18px;
}
.inside-article a.cg-btn:hover {
color: #000000 !important;
}
And CSS for the label ribbon:
.cg-tbl-ribbon small {
font-size: 18px;
line-height: 1;
}
Hi Sir, thank you so much.
About the ribbon style, what if I want to make it with red background color (#be1e34) & the text is white?
Sorry for bothering you so much 😶
Hmmm.... try this:
.cg-tbl-ribbon {
background-color: #be1e34 !important;
border-color: #be1e34 !important;
color: #fff;
}
But it does look like that plugin has its own settings for the styling....