• Resolved JDK1313

    (@jdk1313)


    I have looked through the support threads and haven’t found an answer that has worked yet. I would like to change the hover colors in Services and Projects to #1081d2. I have changed all the other pink colors. Any suggestions on custom css?

    Thanks!

    https://www.nitrosbar.com/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi

    To change the project section hover color add the below css code into custom css field

    .qua_col_padding:hover .qua_home_portfolio_caption  {
       background:#1081d2;
    border-bottom: 1px solid #1081d2;
    border-left: 1px solid #1081d2;
    border-right: 1px solid #1081d2;
    }
    
    .qua_proejct_button a:hover {
      background-color: #1081d2;
    text-shadow: 0px 1px 1px #1081d2;
    border: 2px solid #1081d2;
    
    }

    You have to edit this png file

    for Service Hover :
    https://www.nitrosbar.com/wp-content/themes/quality/images/hexagon_hover.png

    with your desired color. Note, Don’t change the size of image.

    and Change Portfolio Hover caption color use this code in custom css field
    For this Go to Wp Admin << Appearance << Option Panel << Find the Custom Css field .

    Copy past the below line of code
    .qua_col_padding:hover .qua_home_portfolio_caption
    {
    color:Choose-color-code – like #1081d2
    }

    for all project Button Hover
    .qua_proejct_button a:hover
    {
    color:Choose-color-code – like #1081d2
    }

    Thanks.

    Hi

    To change Your website upcoming section border color color .
    Add the below css code into custom css field

    .qua-blog-area:hover {
    border: 4px solid #1081d2;
    }

    .qua-blog-area img {
    border-bottom: 4px solid #1081d2;
    }

    Thanks
    Akhilesh

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change hover color from pink to #1081d2’ is closed to new replies.