Change background colour of the submission form

Home Forums Calendar Products Community Events Change background colour of the submission form

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1568905
    lucy maddison
    Participant

    Hi,
    I want to change the colour of the submissions form to light blue. How do I do this thanks!

    #1569448
    Cliff
    Member

    Hi 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.

    #1570559
    lucy maddison
    Participant

    Hi 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;
    }

    #1571106
    Cliff
    Member

    This 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.

    #1586809
    Support Droid
    Keymaster

    Hey 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

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Change background colour of the submission form’ is closed to new replies.