Archived topic
problem with adding CSS
12 replies · Started by Nicolas on November 25, 2021
Hello,
I have a problem with adding CSS for the pluggin The events calendar.
None of my changes work.
Is it à problem with GeneratePress ?
Thanks for reply.
Best regards
Nicolas
Hi there,
can you share a link to a Page where your CSS is not working, and let me know what the CSS is ?
Hi,
Please you can connect you back office with the elements I sent you next weeK
If you go to appearance and customize, CSS at the end off the list you can find my CSS for the home page and posts :
Les retraites
Les week-ends
Pour les jeunes
Pour les couples
CSS
/*The event calendar*/
.tribe-common .tribe-common-h2 {
color: #688ea6;
}
.tribe-common a, .tribe-common a:active, .tribe-common a:focus, .tribe-common a:hover, .tribe-common a:visited {
color: #688ea6;
}
.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month {
color: #688ea6;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
padding-top: 0px;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container {
padding-left: 0px;
padding-right: 10px;
}
Best regards
Hi there,
Without seeing your site, we can't find out why you CSS doesn't work.
But your CSS is using unique CSS class which GP won't interfere with, so it's unlikely a GP issue.
I guess there's an error somewhere in your CSS, it doesn't have to be in the CSS for this calendar.
Hi,
I don't understand your answer. I gave to you the access codes for this website.
Ok I will check my CSS
Best
Nicolas
Hi Nicolas,
Can you re-check the site details added to the private information text field? We only see -.
Kindly provide the details for us to check if you still need help. Let us know. :D
Yes, please find it in the private information
I see,
I'll cross-checked the site and it's elements and the selectors don't match.
For the Home page:
There's no tribe-common-h2 on TEC's elements. (but there's tribe-common-b2 for the date wrapper div)
The rest of the selectors are:
For the title - h3.tribe-events-pro-photo__event-title Also uses .tribe-common-h6
For the link title - a.tribe-events-pro-photo__event-title-link Also uses .tribe-common-anchor-thin
For the start date - span.tribe-event-date-start
For the end date - span.tribe-event-date-end
For the Month - span.tribe-events-pro-photo__event-date-tag-month
For the Day - span.tribe-events-pro-photo__event-date-tag-daynum It was also using the ff: .tribe-common-h5 , .tribe-common-h4--min-medium
As for the CSS selectors you provided:
I believe you just need to correct tribe-common-h2 to tribe-common-b2. Can you try it out?
Ok, thank you very much
No problem. :D
Hi,
I've got a new problem with "Sidebar" call "Barre latérale" in my website.
It only posts three articles when it should post four. This post is missing : "Nous aider".
Thanks for help.
Nicolas
three posts.
sorry
Hi there,
can you raise a new topic. As this is a new question and this topic has been resolved.
Please note: When a Topic is Resolved, our system will automatically delete any Private Information. So you will need to resupply the private information in your new topic.
Thanks