change colour of submit button

  • soyd

    (@soyd)


    8 years, 6 months ago

    Hi there,

    Was wondering if anyone could help me, I’ve tried using numerous pieces of code in my theme’s CSS in order to try and change the colour of the submit button but nothing has worked.

    My theme is parallax by accesspress and the button is appearing orange which is their default theme colour.

    Thank you.

    • This topic was modified 8 years, 6 months ago by soyd.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • tiitus

    (@tiitus)

    8 years, 6 months ago

    Hi,

    I can’t see if you tried anything on the site…

    Just the css [type=submit] should be enough to target all the submit types of buttons on your site.

    If you are looking to hit that specific button and nothing else, you can add an id to it in your form code and use that in your css.

    Also targeting the name is possible in css.
    input[name=”goButton”] where the name is your buttons name.

    Thread Starter soyd

    (@soyd)

    8 years, 6 months ago

    Thanks Titus,

    Haven’t tried anything yet and the button is on my site still if you scroll further down to the “contact” section.

    I’m a bit of a noob with CSS, do you know the exact code I would need to type into the custom css? I’ve seen similar support forums and tried various codes but I think there’s something about my custom theme that won’t let me change this particular button for some reason.

    I would be happy to override the theme’s default colour and replace it with one central new one if that is possible.

    tiitus

    (@tiitus)

    8 years, 6 months ago

    Hi Soyd,

    If the theme provides access to a css section, you can try these bits:

    The theme has a feature of cf7 skins? if so this is what the selector is:
    .wpcf7-form.cf7skins input[type="submit"] { background-color: red; }

    Generic input selectors for the submit:
    [type=submit], input[name=”YOURBUTTONSNAME”] { background-color: red; }

    Thread Starter soyd

    (@soyd)

    8 years, 6 months ago

    Thanks Titus,

    Appreciate you continuing to look into this. 🙂

    The theme (parallax by AccessPress) does provide access to a custom css section.

    I have download the cf7 skins plugin but the code above didn’t work.

    I tried the generic input selector and that didn’t work either. Not sure if part of the reason is that I’m not sure how I figure out what my button’s name is.

    eevision

    (@eevision)

    8 years, 5 months ago

    did you manage to use other color besides the site’s primary color??

    • This reply was modified 8 years, 5 months ago by eevision.
Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘change colour of submit button’ is closed to new replies.