How do I change the default hover colour?

Home Forums Jevelin Theme How do I change the default hover colour?

Home Forums Jevelin Theme How do I change the default hover colour?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    RESOLVED Posts
  • RaskFin
    Participant

    Hi there,

     

    I would like to know how to change the blue overlay hover colour for images and blog posts?

     

    I have changed all the settings I can see in ‘customize’ for the hovers and accents but can’t find the setting for this.

     

    For example on this page http://raskfinance.com/courses/ I want the overlay on hover to be #0090f3

     

    Thank you!

     

    Sophie

    Solution for this topic

    Hi Sophie,

     

    I hope you are well today and thank you for your question.

     

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .sh-single-image-overlay {
        background-color: rgba(0, 144, 243, 0.8);
    }

     

    Best regards,
    Shufflehound team

    RaskFin
    Participant

    Thank you so much :D!!!!!

     

    I also was wondering if you could please help me with this page http://raskfinance.com/blog/:

    the background of the search function on the right hand side changes to blue when you enter a search term, however the type stays grey (thus you can’t see it), is there a way to change the text to white or to just stop the background from changing to blue?

     

    Thanks again!

     

    Sophie

    Solution for this topic

    Use below custom CSS code to resolve color issue.

     

    #page-container .widget_search .search-field {
        background-color: transparent !important;
    }

    RaskFin
    Participant

    It works perfectly — thank-you so much!

     

    You are most welcome here 🙂

Viewing 6 posts - 1 through 6 (of 6 total)