The Church – Change link text color
Tagged: link text color
- This topic has 8 replies, 2 voices, and was last updated 1 year, 4 months ago by
Grace Support.
-
AuthorPosts
-
June 14, 2024 at 2:41 am #50269
Anthony Miller
ParticipantIn the “The Church” theme, the link text color is the color designated for the whole site. Is there any way to change the link text color to something else?
June 14, 2024 at 5:49 am #50277Grace Support
KeymasterHi,
Please share your website URL so we can check and assist you quickly.
Regards
Grace ThemesJune 14, 2024 at 11:31 pm #50298Anthony Miller
ParticipantJune 15, 2024 at 5:26 am #50300Grace Support
KeymasterHi,
To change the link text color for whole site
Go to the Appearance -> Theme Options -> Basic Settings -> Custom CSS
add below css codea { color: #000 !important; }
Regards
Grace ThemesJune 16, 2024 at 3:01 am #50325Anthony Miller
ParticipantI don’t want to change them all. I want to leave the social icon links and the links in the footer white. I tried to do the override, and it’s not accepted.
This is what I’m presented with when I inspect the page:
June 16, 2024 at 5:16 am #50334Grace Support
KeymasterAdd this code
#footer-wrapper a:hover {
color: #acb5bf !important;
}June 17, 2024 at 6:53 pm #50362Anthony Miller
ParticipantThis is the block that is causing the problem, so I copied it, inserted it with a color:#red !important override. It doesn’t work. This block seems to be taking the highest priority. Why is this and how can I override it?
a, .fourpagebox:hover h3, .cntbutton, .offcontnt .pricedv, .contactdetail a:hover, .counterlist p.price, .counterlist .days .fa, .slide_toggle a, .becomeamodel h2 span, .themefeatures .one_fourth:hover h4, .news-box:hover a, #sidebar ul li a:hover, .member-social-icon a:hover, .teammember-content span, .pluginbox h6 a:hover, .sevbx i:hover, h3.post-title a:hover, .welcome_titlecolumn h3 span, .pagecontent span, .woocommerce table.shop_table th, .woocommerce-page table.shop_table th, #clienttestiminials h6 a, ul.pricing li .price cite, ul.portfoliofilter li a.selected, ul.portfoliofilter li a:hover, ul.portfoliofilter li:hover a, .woocommerce ul.products li.product h2:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .menu-title span, .plans.has-popular .plan-box.popular-plan .plan-button a, .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price ins {
color: #red !important;
}June 17, 2024 at 11:57 pm #50364Anthony Miller
ParticipantYour theme seems to be placing the override code in an earlier part of the HTML so that it is not overridden by the custom code in the theme. Screenshot here:
June 18, 2024 at 5:24 am #50372Grace Support
KeymasterHi Anthony,
Please send your website URL and WordPress admin login details at [email protected] so we can check and assist you quickly.
Regards
Grace Themes -
AuthorPosts
- You must be logged in to reply to this topic.
