Child Theme CSS issue

[Fabrice]

Hi,
I’m trying to use the Child structure to change things with css entries but it don’t seems to work. My structure is :
/wp-content/themes/mytheme-child/tribe-events/pro/tribe-events-pro.css
/wp-content/themes/mytheme-child/tribe-events/tribe-events.css
/wp-content/themes/mytheme-child/style.css
I want to do that change :

.tribe-events-calendar thead th{
  text-transform: uppercase;
}

That works neither in tribe-events-pro.css nor in tribe-events.css, but it works well in style.css.
I want to say here that other things like.tribe-grid-allday {display: none;} works well in tribe-events-pro.css.

I know that since that works, I should be happy but I don’t like misunderstand things. Moreover, I’de like to have my css in order.

Do you have an idea of what appends ?
Thank you !

[Brian]

Hi,

Sorry for the issues you are having. I can help troubleshoot this with you.

I tested both of these on my child theme:

/wp-content/themes/child/tribe-events/pro/tribe-events-pro.css
/wp-content/themes/child/tribe-events/tribe-events.css

And they worked for me.

I got this to change the background color:

.tribe-events-calendar thead th{
background-color: #000;
}

Placing it in either one.

If one css selector works in pro then it is loading the file and you would have to check your css to make sure it is specific enough to overwrite the existing css. You can do that by adding another selector.

So maybe this:

#tribe-events-content-wrapper .tribe-events-calendar thead th{
background-color: #000;
}

Let me know if you have any follow up questions.

Thanks

[Fabrice]

Thank you Brian for your reply. It still doesn’t works. I’ve to add ‘!important’ for this to works in /wp-content/themes/mytheme-child/tribe-events/pro/tribe-events-pro.css

.tribe-events-calendar thead th{
  text-transform: uppercase !important;
  padding: 5px 0 !important;
}

The ugly way, i don’t know why.

[Brian]

Hi,

Since your site is on a localhost there is not much I can do to troubleshoot it unfortunately.

It could be your theme/child theme combo is not working correctly. To test that you could go through our testing for conflicts guide:

Testing Conflicts With Themes and Other Plugins

And try the custom css from another theme/child theme combo.

Or use a plugin such as Simple Custom CSS.

To add the css that way.

[Fabrice]

Ok Brian, anyway, it works.
Thanks !

[Brian]

Sounds good.

Since this is marked resolved I am going to close this ticket, but if you need anything else related to this topic or another please post a new topic on the forum and we can help you out.

Thanks

[Author]

Posts