Change background color on submit form

[Randal]

Is there any way to change the background color of the submit form, it’s clear and the text is not readable on the background image. Also is there a way to modify the the submit form.

[Geoff B.]

Good evening Randal and welcome back!

Thank you for reaching out to us.
I would love to help you with this topic.

The short answer is yes. You can modify pretty much anything using either custom CSS or a template override. You might want to read our Themer’s guide to get a sense of how that works.

The CSS for the background colour of the submit form is

#tribe-community-events .button {
background-color: #000;
}

Let me know if that helps.

Have a great day!

Geoff B.

 

[Randal]

I need to change the background of the form not just the button.

[Geoff B.]

Good afternoon Randal,

Thank you for writing back.

I am sorry about the misunderstanding.
There are a couple of ways you could go about this.

The first thing I would like to recommend is to try different settings for Events Template under Events -> Settings -> Display

There is a good chance that this can help.

Other than that, you can also try the following CSS

#tribe-events-pg-template {
background-color: white;
padding: 20px;
}

Let me know if that helps.

Have a great day!

Geoff B.

[Randal]

Thank You so much for your help.

[Geoff B.]

Hey Randal,

I am stoked that once again this helped!

For now, I am going to close this thread.

Have a great day!

Geoff B.

 

 

[Author]

Posts