Button Hover

  • Resolved arunabho95

    (@arunabho95)


    8 years, 4 months ago

    Which class css should i edit for hover functionality into the subscribe and other buttons?
    I have a css for buttons in my theme i want to include that.I already have made the buttons look like my theme buttons,but now i want to add the hover functionality.

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Author wpshopmart

    (@wpshopmart)

    Ok,

    Can you please share me your site url?

    also please can you share me some hove design example.

    Thanks

    Thread Starter arunabho95

    (@arunabho95)

    https://www.myhomecart.com/

    Thread Starter arunabho95

    (@arunabho95)

    hover css style
    —————–
    css class input:hover {
    background:transparent!important;
    border:none!important;
    color:#fa5000!important;
    border:1px solid #fa5000!important;
    cursor: pointer!important;
    }
    css class input:focus{
    outline: 0!important;
    }
    ————-

    Plugin Author wpshopmart

    (@wpshopmart)

    try this custom css 

    .btn-theme, .btn-default:hover{
background:transparent!important;
border:none!important;
color:#fa5000!important;
border:1px solid #fa5000!important;
cursor: pointer!important;
}

.btn-theme, .btn-default:hover{
outline: 0!important;
}

    add above css in your custom css filed.

    Thanks

    Thread Starter arunabho95

    (@arunabho95)

    Well it works exactly like i wanted thanks for the help

    Plugin Author wpshopmart

    (@wpshopmart)

    You are welcome.

    Please rate us if you like this plugin.

    Let me know if you will get any issue in plugin.

    Thanks

    Thread Starter arunabho95

    (@arunabho95)

    Check out the contact page the home button has some hover issue.

    Thread Starter arunabho95

    (@arunabho95)

    Can you fix the hover issue with the Contact page home button

    Thread Starter arunabho95

    (@arunabho95)

    Just give me the css

    Plugin Author wpshopmart

    (@wpshopmart)

    Remove old custom css and use this one – 

    .btn-default:hover{
background:transparent!important;
border:none!important;
color:#fa5000!important;
border:1px solid #fa5000!important;
cursor: pointer!important;
}

 .btn-default:hover{
outline: 0!important;
}

    try it and then let me know.

    Thanks

    Thread Starter arunabho95

    (@arunabho95)

    Well if i do that then the subscibe button is working like previous but the home button doesnot hover.

    Thread Starter arunabho95

    (@arunabho95)

    well it is not working i had to add separate css from .btn-default:hover{}
    and .btn-theme:hover{}

    Thread Starter arunabho95

    (@arunabho95)

    It would be great if you can add a contact us button option just like about Us

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Button Hover’ is closed to new replies.