Home › Forums › Calendar Products › Community Events › Change background colour of the submission form
- This topic has 3 replies, 2 voices, and was last updated 7 years, 8 months ago by
lucy maddison.
-
AuthorPosts
-
July 6, 2018 at 2:33 am #1568905
lucy maddison
ParticipantHi,
I want to change the colour of the submissions form to light blue. How do I do this thanks!July 6, 2018 at 10:22 am #1569448Cliff
MemberHi again, Lucy.
We don’t typically help with styling, per our Scope of Support / Terms, but you can give this a try and use it as a starting point if you need to customize it further:
body.tribe_community_edit .tribe-community-events { background-color: lightblue; }You can add custom CSS code via your child theme’s style.css file, via WordPress 4.7’s Customizer CSS settings, or via a third-party plugin (not guaranteed or supported by us), like:
- SiteOrigin CSS (helps you visually build CSS selectors via its Inspector and Visual Editor, if that’ll help you)
- Simple Custom CSS
- Jetpack (supports regular CSS and the LESS and Sass pre-processors)
If you’re not a CSS expert, Jetpack’s Custom Design reference may prove helpful.
Please let me know how it goes for you.
July 9, 2018 at 4:00 am #1570559lucy maddison
ParticipantHi thanks that works. I also tried to change all the text to blue #2b337a. colour changes the p text but can’t get the heading text to change, as below. I would be very grateful if you could just sort this out for me!
body.tribe_community_edit .tribe-community-events {
background-color: #b5e2ff;
color: #2b337a;}
body.tribe_community_edit .tribe-community-events h1, h2, h3,h4,h5, h6 {
color: #2b337a;
}July 9, 2018 at 3:05 pm #1571106Cliff
MemberThis may be what you’re looking for:
body.tribe_community_edit .tribe-community-events h1, body.tribe_community_edit .tribe-community-events h2, body.tribe_community_edit .tribe-community-events h3, body.tribe_community_edit .tribe-community-events .tribe-section .tribe-section-header h3, body.tribe_community_edit .tribe-community-events h4, body.tribe_community_edit .tribe-community-events h5, body.tribe_community_edit .tribe-community-events h6, body.tribe_community_edit .tribe-community-events label { color: #2b337a; }Please let me know how this goes for you and note that I cannot provide additional styling support.
July 31, 2018 at 9:35 am #1586809Support Droid
KeymasterHey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.
Thanks so much!
The Events Calendar Support Team -
AuthorPosts
- The topic ‘Change background colour of the submission form’ is closed to new replies.
