Hi,
I’m trying to customize the CSS style for the .td_outlined_btn
I’ve entered the following info into the Custom CSS section in the Theme Panel:
.td_outlined_btn {
background-color: transparent;
border-color: #656565;
border-radius: 6px;
}
.td_outlined_btn:hover {
background-color: transparent;
border-color: #cc1a1a;
color: #656565;
}
But the changes are not registering on my website. However, when I apply these same edits on the Style Editor in the Web Developer Tools on Firefox, all the changes I wish to make show on the web page.
Can you please let me know what am I missing?
Thanks!
Hi,
Indeed the custom code make the button display like this
– https://www.screencast.com/t/xrWOrKK6
– https://www.screencast.com/t/gt3kUe7VXgn
Custom CSS codes can be entered in the Theme panel->Custom CSS section. Try clearing any installed cache, it could be a caching issue if the code does not apply.
Thanks
Hi Simion,
Thanks for your reply. I tried clearing caches, opening the web page in a newly installed browser; but the changes still don’t seem to be displaying on my site.
This is one of the posts where I am using the button I want to modify:
https://nomadbiba.com/top-10-best-value-hotels-in-mykonos/
Could you please have a look and see if the changes display for you?
Thanks!
Hi,
Seems the code has to be stronger, enter it like this
– https://www.screencast.com/t/Eg3MWSeX
– https://www.screencast.com/t/vDzGqw58G7M
.td_outlined_btn {
background-color: transparent;
border-color: #656565!important;
border-radius: 6px;
}
.td_outlined_btn:hover {
background-color: transparent!important;
border-color: #cc1a1a!important;
color: #656565;
}
Thanks
That works! 🙂
Thanks!
