Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 14, 2021 at 7:03 pm #1272515
    cab72

    Hi there,

    I’m using the dark transparent skin for the contact form – same form across all the site.

    CHANGE SUBMIT BUTTON COLOURS
    I’d like to change the background colour/ border colour and font colours.

    CHANGE COLOUR OF “SUBMITTING FORM” TEXT/OUTLINE
    Also like to change the colours of the button/font/ outlines which appear when the submit button is clicked and the form is sent – at present they are a yellow-green colour.

    Is this possible via CSS please.

    Thanks for your help/

    Carole Anne

    January 16, 2021 at 8:08 am #1272883
    Rikard

    Hi Carole Anne,

    Could you post a link to where we can see the element in question please?

    Best regards,
    Rikard

    January 16, 2021 at 2:43 pm #1272933
    cab72

    Hi Rikard

    Posted the link in the Private Content section.

    Thanks
    CA

    January 18, 2021 at 6:37 am #1273238
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-2 input[type=submit] {
  background-color: yellow;
  border-color: green;
}

.page-id-2 .valid .input_checkbox_label {
    color: red;
}

    Best regards,
    Rikard

    January 19, 2021 at 5:29 pm #1273792
    cab72

    Hi Rikard,

    I tried the css as above – but it’s not targeting the Contact Form submit button at all.

    I want to use the ‘Dark Transparent’ contact skin – but I’d like to change the colour of the submit button to #e74a10.

    Thanks for your help with this.

    CA

    January 20, 2021 at 6:02 pm #1274139
    Victoria

    Hi cab72,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top.page-id-2 .av-custom-form-color #element_avia_7_1 + .form_element .button {
  background-color: #e74a10;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 20, 2021 at 7:04 pm #1274165
    cab72

    Hi Victoria,

    That worked perfectly, thanks!

    Kind Regards
    Carole Anne

    January 21, 2021 at 12:57 pm #1274357
    Rikard

    Hi,

    Great, I’m glad that Victoria could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    January 21, 2021 at 4:13 pm #1274421
    cab72

    No more help needed on this topic Rikard. Can be closed.

    Thanks again!

    January 21, 2021 at 5:51 pm #1274473
    Victoria

    Hi cab72,

    Great :)

    We are closing the thread.

    If you need further assistance please let us know in a new one.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Style 'Dark Transparent' Contact Form submit button’ is closed to new replies.