Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 30, 2024 at 3:27 pm #1463340
    Schmidtgrafisk

    Hey Enfold

    My contact form is set to “Black-Transparent”

    I’d like the send/submit button to be
    Normal: Black background – White text
    Hover: Background #D4AF37 – White text

    Thanks ;)

    July 30, 2024 at 4:57 pm #1463353
    Rikard

    Hey Alan,

    Please try the following in Quick CSS under Enfold->General Styling:

    
.avia_ajax_form .button {
  background: #000;
  color: #fff;
}

.avia_ajax_form .button:hover {
  background: #D4AF37;
}

    Best regards,
    Rikard

    July 30, 2024 at 7:23 pm #1463364
    Schmidtgrafisk

    Hey Rikard

    I just used the code, but it’s still the same.
    Is there another way?

    Thanks ;)

    July 31, 2024 at 6:31 am #1463394
    Ismael

    Hi,

    Thank you for the update.

    Please replace the previous modification with the following css code and make sure to purge the cache afterward.

    div div .av-dark-form .button {
    background: #000000;
    color: #ffffff !important;
}

div div .av-dark-form .button:hover {
    background: #D4AF37;
}

    Best regards,
    Ismael

    August 4, 2024 at 11:18 am #1463752
    Schmidtgrafisk

    Hi, Ismael
    this works.
    I need a bit of change to the button design.
    The button hover text needs to be black.
    And a corner radius at 10px.

    Thanks ;)

    August 4, 2024 at 1:18 pm #1463756
    Mike

    Hi,
    To have the Hover Background #D4AF37 with black text and a radius of 10px use this css instead:

    div div .av-dark-form .button {
    background: #000;
    color: #ffffff !important;
    border-radius: 10px;
}

div div .av-dark-form .button:hover {c
    background: #D4AF37 !important;
    color: #000 !important;
}

    After you apply the css please clear your browser cache and reload the page to check.

    Best regards,
    Mike

    August 4, 2024 at 3:31 pm #1463762
    Schmidtgrafisk

    Hi Mike
    I just tried using the code it needs some adjustments

    Button background color: black
    Button text color: #D4AF37

    The hover color goes green
    Hover button: #D4AF37
    Hover text color: black

    The corner radius 10px but with no borders

    Thanks ;)

    August 4, 2024 at 4:33 pm #1463767
    Mike

    Hi,
    I’m not seeing a green color, please remove all other css from this thread above and add this css instead:

    #top div div .av-dark-form .button {
    background: #000;
    color: #D4AF37;
    border-radius: 10px;
    border: none;
}

#top div div .av-dark-form .button:hover {
    background: #D4AF37;
    color: #000;
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After you apply the CSS please clear your browser cache and reload the page to check.

    Best regards,
    Mike

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