-
AuthorPosts
-
March 1, 2023 at 9:43 am #1399640
Hi,
I don’t know what happened to the headers of the single event page in the grey box. The headers should look like this:
But actually the headers are changed to Amatic SC and smaller.
I don’t know how this happened, I was working on changing font colors in /event-tickets/src/views/tickets/email.php to change the look of the emails sent by Events Calendar.
I found that it must be H2 and tried to change it for tribe-events-single-section-title, but it was changing the wrong header (“Pödel-Flitzerei ohne Leine”)
Your help would be very much appreciated.
Best regards,
TomMarch 1, 2023 at 6:53 pm #1399707Hey Tom,
You have set that font as your heading font under Enfold->General Styling, and under Enfold->Advanced Styling for the H4 element. Which font do you want to use instead?
Best regards,
RikardMarch 1, 2023 at 6:57 pm #1399710Hey Rikard,
I would like to use Ubuntu Condensed in #919191.
Funny thing is that everything was fine until this morning when I was changing the email.php. Nothing else changed than this.
Best regards,
TomMarch 2, 2023 at 12:28 pm #1399808Hi,
Please try this css:h2.tribe-events-single-section-title { font-family: var(--tec-font-family-sans-serif); }
After applying the css, please clear your browser cache and check.
Best regards,
MikeMarch 2, 2023 at 12:50 pm #1399813Hi Mike,
Thx a lot. It changed the font, but not the color. I was trying
h2.tribe-events-single-section-title {
color: #919191;
font-size: 20px;
font-family: var(–tec-font-family-sans-serif);
}but color and size had not been affected. What else I can try?
Also the map is not to be seen on mobiles.
Everything was working well until yesterday morning and looking ok, the font and the map as well.
Best regards,
Tom- This reply was modified 1 year, 10 months ago by tom_on_wheels.
- This reply was modified 1 year, 10 months ago by tom_on_wheels.
March 2, 2023 at 1:10 pm #1399820Hi Tom,
You had the following code Quick CSS field
h2.tribe-events-single-section-title { color: #919191; font-size: 20px; font-family: var(--tec-font-family-sans-serif); }
CSS selector was weak so I changed it to the following one
#top h2.tribe-events-single-section-title { color: #919191; font-size: 20px; font-family: var(--tec-font-family-sans-serif); }
Also, you had the “Hiding the email address and divider in the organiser’s page:” and it was not wrapped inside comment tags. That breaks your CSS. If you’d like to add comments to your CSS, please do so as following
/* Hiding the email address and divider in the organiser's page: */
Please review your website.
Best regards,
YigitMarch 2, 2023 at 3:30 pm #1399843Hi Yigit,
Thank you very much. Now it works perfectly and I know now how to change it.
Best regards,
TomMarch 2, 2023 at 3:44 pm #1399846 -
AuthorPosts
- The topic ‘Events Calendar header font’ is closed to new replies.