Where to place custom CSS

Resolved joycegrace
(@joycegrace)

2 years, 9 months ago
Hello, I’ve been trying to customize the CSS to match our branding.

I have looked through these documentation pages:
I have also looked through the plugins files to find the folder path to a ‘plain’ CSS stylesheet I could try to move into my child theme.

However, I have been unsuccessful with all of this. The closest I can find are template files but that is not what I’m trying to change. I want to change the CSS for our front end website pages.

Is there a folder path and file name that should be used to override CSS in our child theme specifically for the Event Tickets plugin?

Thank you

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

Plugin Support tristan083
(@tristan083)

2 years, 9 months ago

Hi @joycegrace ,

Thank you for reaching out, and I’m sorry to learn of the difficulties.

Please find the below knowledgebase article for information on the different ways of customizing the CSS stylesheets of the calendar or tickets.

Customizing CSS

Thread Starter joycegrace
(@joycegrace)

2 years, 9 months ago

Thank you for this resource. However, can you please clarify this part:

In the section about “Overwriting” it says

“It’s possible to override the calendar’s stylesheets”

and

“The difference between overriding calendar templates and calendar stylesheets is that your custom stylesheet will load in addition to the plugin’s stylesheets. Put differently, it overrides the styles but doesn’t fully replace the original file.”

Which is the way to override and not have the original plugin stylesheet load?

Thread Starter joycegrace
(@joycegrace)

2 years, 9 months ago

I’m also having a hard time getting the custom stylesheet to load at all.

On the page mentioned above, it says at the top:

make a copy of the file, add a tribe folder in your child theme directory, then drop the copied file in that folder to start customizing

but then later it says

The following is an outline of what to name and where to put your custom stylesheets for each plugin and add-on.

And for Event Tickets it says to place tickets.css in the folder path of tribe-events/tickets

So would tickets.css go in the child theme directory like so:

/tribe/tickets.css

or would it go like this:

/tribe/tribe-events/tickets/tickets.css

or

/tribe-events/tickets/tickets.css

?

None of the above are working for me…

Plugin Support Darian
(@d0153)

2 years, 9 months ago

Hi @joycegrace

Thanks for your message.

Which is the way to override and not have the original plugin stylesheet load?

I am afraid this is the only way. It will load first the original plugin stylesheet, and it will load the overrides you’ve made.

/tribe-events/tickets/tickets.css

This should work. If it doesn’t, please try clearing your caching plugin and server-side caching and see if that resolves the issue.

Let me know how it goes.

Plugin Support Darian
(@d0153)

2 years, 9 months ago

Hi @joycegrace

It appears that there hasn’t been any recent activity on this thread, so we’ll consider it resolved. However, if you have any additional questions or concerns, feel free to start a new thread.

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

The topic ‘Where to place custom CSS’ is closed to new replies.

Tags