• Hi,

    is it possible to change the colour for the pops of colour that are all though the theme, eg
    when you scroll over a heading
    box on the search bar
    comments
    : currently gold

    thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello elaineedgson13,

    Please provide me site url so we can provide you custom css as per the need.

    Kind regards,

    Manoj

    Thread Starter elaineedgson13

    (@elaineedgson13)

    elaineedgson.com

    Hi there,
    You will need to add some custom CSS to achieve this.
    Install and activate this plugin then go to “Add Custom CSS” on your dashboard and paste this

    /*Buttons*/
    .btn, .comment-reply-link, input[type="button"], input[type="submit"], input[type="reset"], button{
     background:red;   
    }
    /*Header Hover*/
    .entry-title a:hover{
     color:red   
    }
    /* Comment link */
    .entry-meta-bottom a{
     color:red;   
    }

    in the box.

    Thread Starter elaineedgson13

    (@elaineedgson13)

    Hi fotis,

    That worked thanks, but not for all of the coloured areas within the theme.Can you help with these items which are still in the old colour:
    -Main menu categories when scrolling over
    -Main menu social icons when scrolling over
    -Footer menu categories when scrolling over
    -Footer menu social icons when scrolling over-Continue reading link for posts
    -hyperlinks within posts when scrolling over
    -social sharing icons within posts when scrolling over
    -link text for instagram widget in blog sidebar
    -Categories links in blog sidebar when scrolling over

    Thank you!

    Hi there,
    try this

    a:hover,
    a:focus {
        color: red;
    }
    .navigation > li > a:hover,
    .navigation > li.sfHover > a,
    .navigation > li.sfHover > a:active {
        color: blue;
    }
    .read-more {
        color: green;
    }
    .read-more:hover {
        border-color: cyan;
    }
    .entry-meta a {
        color: salmon;
    }
    .entry-utils .socials a:hover {
        color: magenta;
    }
    .entry-title a:hover{
     color:yellow;   
    }

    changing each color to your preference.
    Please have a look at this guide https://www.cssigniter.com/docs/article/using-the-developer-tools/
    It will help you learn how to use your browser’s developer tools in order to be able to locate such styling easily and quickly.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘change colour’ is closed to new replies.