New Landing › How can we help? › Atelier › Hover for reset button

Viewing 6 posts - 1 through 6 (of 6 total)
  • Back to forum
    Posted in: Atelier
  • July 4, 2015 at 2:45 pm #191696
    NiO
    Member
    Post count: 233

    Hi Swiftideas,

    How can I apply the same hover style that is used for a Submit type button to a Reset type button?

    Thanks,
    Johan

    July 6, 2015 at 1:11 pm #191988
    David Martin – Support
    Moderator
    Post count: 20834

    Hi Johan,

    Can you post a URL to your page?

    We can likely provide you with a CSS snippet.

    Thanks.

    July 6, 2015 at 4:04 pm #192080
    NiO
    Member
    Post count: 233

    Hi David,

    Thanks, I have one on this page: http://testpeijnenburg.photoshelter.com/search-page

    I did already manage to get the no hover styling aligned. Just didn’t knwow where to look for the hover code.

    Thanks,
    Johan

    July 6, 2015 at 5:19 pm #192123
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    The basic hover code is this:

    input[type=submit]:hover {
	background: #f27f68;
	border-color: #f27f68;
	color: #cecece;
}

    To apply that to the reset you would use this:

    input[type="reset"] {
	background: #f27f68;
	border-color: #f27f68;
	color: #cecece;
}

    Thanks.

    July 6, 2015 at 9:16 pm #192181
    NiO
    Member
    Post count: 233

    Many thanks David. Worked fine (after including “:hover”). Not sure why I couldn’t find the original hover code. Easy enough 🙂

    July 7, 2015 at 7:47 am #192247
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem, Thanks David!

    – Kyle

  • Back to forum
    Posted in: Atelier
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Atelier - Creative Multi-Purpose eCommerce Theme
Login and Registration Log in · Register