Ticket style

[karenbale]

I have a couple of style issues I would like to change.

1. The background colour of the ticket section (see Screen Shot 2018-02-16 at 13.45.00) i would like to match the grey as used in the organiser details box

2. I have added attendee information to be filled out, when viewing on a tablet or mobile the field areas to fill out become very narrow, can this be set to an amount of characters or to say 70% of the width.

3. The add to cart button, how do I change the text to be white on an orange button.

Thanks

[Cliff]

Hi, Karen.

Please note that, per our Scope of Support / Terms, we do not provide styling support.

However, I can try to point you in the right direction:

1)

body.single-tribe_events .tribe-events-tickets {
background-color: #e9e9e9;
}

2)

body.single-tribe_events .tribe-event-tickets-plus-meta input[type=text],
body.single-tribe_events .tribe-event-tickets-plus-meta textarea {
width: 100%;
max-width: 700px;
}

3)

body.single-tribe_events .tribe-button {
color: white;
}

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.

[karenbale]

Brilliant all css issues resolved, thanks for your help.

[Cliff]

Excellent! Thanks for letting us know 🙂

[Author]

Posts