Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 7, 2020 at 6:09 pm #1171111
    HU_Dallas

    Hi there,

    I’m trying to add a hover state to the submit buttons on my page and it’s only half working right now. My goal is to give them the same hover as the other buttons on the page. Right now the arrow isn’t showing up when I hover over the button and I can’t seem to figure out why. I’m using the same CSS that worked perfect for the home page slider buttons. All I did was change the class names. Any suggestions would be greatly appreciated. The code I added to the quick css field is below and I’ve included the link to the page in the private content section.

    Thanks,
    Max

    input.button{
    cursor: pointer !important;
    display: inline-block !important;
    position: relative !important;
    width:220px !important;
    }
    input.button:after {
    content: ‘\e875’ !important;
    font-family: ‘entypo-fontello’ !important;
    margin-left:0px !important;
    opacity: 0 !important;
    top: 14px !important;
    transition: 0.1s !important;
    }
    input.button:hover {
    padding-right: 24px !important;
    padding-left:8px !important;
    transition: 0.2s !important;
    }
    input.button:hover:after {
    opacity: 1 !important;
    margin-left: 10px !important;
    }

    January 8, 2020 at 7:56 am #1171342
    Ismael

    Hey HU_Dallas,

    Thank you for the inquiry.

    You can’t create pseudo elements in an input or form field. Try this css code instead.

    .form_element:nth-child(6)::before {
	content: '';
	opacity: 0;
	position: absolute;
	right: 180px;
	font-family: 'entypo-fontello';
	top: 15px;
	z-index: 100;
	color: white;
	transition: all 0.1s linear;
}

.form_element:hover::before {
        opacity: 1;
}

    Best regards,
    Ismael

    January 8, 2020 at 4:56 pm #1171513
    HU_Dallas

    Works perfect! Thank you so much for your quick response you guys are the best!

    January 8, 2020 at 8:18 pm #1171583
    Victoria

    Hi HU_Dallas,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.