- This topic has 3 replies, 2 voices, and was last updated 3 years, 2 months ago by Skandha.
-
AuthorPosts
-
October 1, 2021 at 6:18 pm #291569RXPParticipant
Hi there
I am using ScapeShot for a while. Everything is working okay.
But, I just want to change the link color from the default color orange to purple. I did try a few custom CSS, but it did not work out.
Secondly I tried to find the correct line in the style.css, but I couldn’t find it.
Does anybody know, wehere I can change the link color, or telling me what I am doing wrong?
Thanks for helping me out
Cheers
PhilOctober 1, 2021 at 10:49 pm #291578SkandhaParticipant@rxp: Hello Phil,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.a:hover, a:focus, .entry-title a:hover, .entry-title a:focus, .post-wrapper .entry-meta .cat-links a:hover, .post-wrapper .entry-meta .cat-links a:focus, .site-title a:hover, .site-title a:focus, .absolute-header .site-title a:hover, .absolute-header .site-title a:focus, div#footer-menu-section ul li a:hover, div#footer-menu-section ul li a:focus, .portfolio-content-wrapper .hentry .entry-container a:hover, .portfolio-content-wrapper .hentry .entry-container a:focus, .portfolio-section .hentry .hentry-inner .entry-container a:hover, .portfolio-section .hentry .hentry-inner .entry-container a:focus, .widget .ui-state-default a:hover, .widget .ui-state-default a:focus, .widget .ui-widget-content .ui-state-default a:hover, .widget .ui-widget-content .ui-state-default a:focus, .widget .ui-widget-header .ui-state-default a:hover, .widget .ui-widget-header .ui-state-default a:focus, .archive-content-wrap .section-content-wrapper.layout-one .entry-container > .entry-meta .posted-on a:hover, .archive-content-wrap .section-content-wrapper.layout-one .entry-container > .entry-meta .posted-on a:focus, .more-link .readmore:hover, .more-link .readmore:focus, #testimonial-content-section button:hover, #testimonial-content-section button:focus, .site-header-menu button:hover, .site-header-menu button:focus, .events-section .entry-meta a:hover, .events-section .entry-meta a:focus, .category-content-section .entry-title a:hover, .category-content-section .entry-title a:focus, #feature-slider-section .entry-meta a:hover, #feature-slider-section .entry-meta a:focus, body:not(.home) .custom-header .entry-meta a:hover, body:not(.home) .custom-header .entry-meta a:focus, #fullscreen-menu-right-wrap .social-navigation li a:hover, #fullscreen-menu-right-wrap .social-navigation li a:focus, .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-prev:focus, .dropdown-toggle:hover, .dropdown-toggle:focus, .filter-button-group .button:hover, .filter-button-group .button:focus, .home .archive-post-wrap .hentry .entry-title a:hover, .home .archive-post-wrap .hentry .entry-title a:focus, .recent-blog-content .archive-post-wrap .hentry .entry-title a:hover, .recent-blog-content .archive-post-wrap .hentry .entry-title a:focus, .home .post-wrapper .entry-meta .cat-links a:hover, .home .post-wrapper .entry-meta .cat-links a:focus, .recent-blog-content .archive-post-wrap .hentry .entry-meta .cat-links a:hover, .recent-blog-content .archive-post-wrap .hentry .entry-meta .cat-links a:focus, .home .post-wrapper .more-link .readmore:hover, .home .post-wrapper .more-link .readmore:focus, .recent-blog-content .archive-post-wrap .hentry .more-link .readmore:hover, .recent-blog-content .archive-post-wrap .hentry .more-link .readmore:focus, .section-with-background-image .section-title a:hover, .section-with-background-image .section-title a:focus, .section-with-background-image .entry-title a:hover, .section-with-background-image .entry-title a:focus, body.search-active #primary-search-wrapper .search-toggle:hover, body.search-active #primary-search-wrapper .search-toggle:focus, .absolute-header.menu-open #fullscreen-menu-toggle:hover, .absolute-header.menu-open #fullscreen-menu-toggle:focus, .navigation-full-screen .fullscreen-menu-inside-wrapper .site-title a:hover, .navigation-full-screen .fullscreen-menu-inside-wrapper .site-title a:focus, #primary-search-wrapper .search-toggle:hover, #primary-search-wrapper .search-toggle:focus { color: #800080 !important; }
You can change the color according to your choice.
Let me know if this works out!
Kind Regards,
SkandhaOctober 2, 2021 at 11:10 am #291600RXPParticipantHey Skandha
Thank you so much. It works fine. I was trying so long and searching everywhere to fix it, but I couldn’t. You are the best. 🙂
Happy Weekend
PhilOctober 2, 2021 at 11:11 am #291606SkandhaParticipant@rxp: Hello Phil, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/scapeshot/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a great weekend! 🙂Kind Regards,
Skandha -
AuthorPosts
- The topic ‘Change link color in ScapeShot not working’ is closed to new replies.