Event Title Font Size

  • misticjeff

    (@misticjeff)


    1 year ago

    This should be an easy one for @joneiseman but I cannot figure it out. I want to change the font size for the Event Title in List View and Grid View.

    Ive tried various things but no effect.

    <h3 class="em-item-title">#_EVENTLINK</h3>

    Here are a couple of examples of what i’ve tried:

    <h3 class="em-item-title" style="font-size: 20px;">#_EVENTLINK</h3>
    <div class="em-item-title" style="font-size: 20px;">#_EVENTLINK</div>
    and Additional CSS:
.em-item-title {
    font-size: 10px !important;
}
    • This topic was modified 1 year ago by misticjeff.
Viewing 11 replies - 1 through 11 (of 11 total)
  • joneiseman

    (@joneiseman)

    Use the following css without changing the html:

    .em.em-list .em-item .em-item-info h3.em-item-title, .em.em-list.em-grid  div.em-item .em-item-info .em-item-title {
    font-size: 20px !important;
}
    Thread Starter misticjeff

    (@misticjeff)

    Was hopeful but that did not work… added it to additional CSS with no effect.

    joneiseman

    (@joneiseman)

    It works for me. Can you send me a link to the page?

    Thread Starter misticjeff

    (@misticjeff)

    https://expatsinportugal.net/events/

    joneiseman

    (@joneiseman)

    You were missing a semicolon after !important. You have the following:

    .em.em-list .em-item .em-item-info h3.em-item-title,.em.em-list.em-grid div.em-item .em-item-info .em-item-title {
? ?font-size:8px !important
}

    Change it to this:

    .em.em-list .em-item .em-item-info h3.em-item-title, .em.em-list.em-grid div.em-item .em-item-info .em-item-title {
    font-size: 8px !important;
}
    Thread Starter misticjeff

    (@misticjeff)

    I have that… still no effect.

    Yes, cleared cache/cookies and F5…

    • This reply was modified 1 year ago by misticjeff.
    joneiseman

    (@joneiseman)

    Here’s the css I see on your page (as you can see the semicolon is missing):

    <style id="wp-custom-css">
.em-event-single .em-item-image img {
    width:250px !important
}
.em.em-list .em-item .em-item-info h3.em-item-title,.em.em-list.em-grid div.em-item .em-item-info .em-item-title {
    font-size:8px !important
}
</style>
    Thread Starter misticjeff

    (@misticjeff)

    @joneiseman

    so what should I try? I could try putting the CSS in code snippet?

    Thread Starter misticjeff

    (@misticjeff)

    Removed it from Additional CSS and placed it in Code Snippets

    joneiseman

    (@joneiseman)

    I don’t see the css anymore on your page.

    Thread Starter misticjeff

    (@misticjeff)

    Got it! I had to install a different plugin to add the additional CSS. Works now and as ALWAYS, appreciate your help and patience!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Event Title Font Size’ is closed to new replies.