Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #291569
    RXP
    Participant

    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
    Phil

    #291578
    Skandha
    Keymaster

    @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,
    Skandha

    #291600
    RXP
    Participant

    Hey 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
    Phil

    #291606
    Skandha
    Keymaster

    @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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.