Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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,
    Tom

    #1399707

    Hey 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,
    Rikard

    #1399710

    Hey 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,
    Tom

    #1399808

    Hi,
    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,
    Mike

    #1399813

    Hi 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

    #1399820

    Hi 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,
    Yigit

    #1399843

    Hi Yigit,

    Thank you very much. Now it works perfectly and I know now how to change it.

    Best regards,
    Tom

    #1399846

    Hi,

    You are welcome, Tom.

    Let us know if you have any other questions and enjoy the rest of your day!

    Best regards,
    Yigit

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Events Calendar header font’ is closed to new replies.