Change the font size and color in caroussel

  • Resolved orakel70

    (@orakel70)


    3 years, 6 months ago

    Hello friends

    How can i change the font size and color from the event title in the caroussel widget?
    I tried some classes but i dont get it to work.

    Here is an example screenshot: https://i.imgur.com/7uG6eZv.png

    Hopefully you can help me
    Thank you all

    Orakel

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor webnus

    (@webnus)

    Hello @orakel70,

    Would you please share a live URL?

    Also, you can follow the steps explained in this article:
    https://webnus.net/dox/modern-events-calendar/inspect-element/

    Best Regards

    Thread Starter orakel70

    (@orakel70)

    Hello Webnus

    Thanks for your answers =) here is the url of my website
    https://www.blueaustria.at/

    please scroll down to the widget named “Streams” in the middle of the page, you can see the red font of the post titles.

    I like to make the font smaller and blue, like the other titles are.

    Thanks in advance
    Orakel

    Plugin Contributor webnus

    (@webnus)

    Hello @orakel70,

    Please put the CSS below in MEC Settings > Custom CSS:

    /* Fixed spacing issues */
.mec-wrap .event-carousel-type1-head .mec-event-image {
    width: 100%;
    height: auto;
    max-width: 100%;
}

.mec-wrap .mec-event-carousel-content {
    padding: 20px 15px;
}

/* Fix font style and hover */
.mec-wrap .mec-event-carousel-content .mec-event-carousel-title a {
    font-size: 21px;
    font-family: 'Contrail One', Tahoma, Arial;
    color: #1188cc !important;
    line-height: 1.2;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.mec-wrap .mec-event-carousel-content .mec-event-carousel-title:hover a {
    color: #222 !important;
    text-decoration: none !important;
}

    Best Regards

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change the font size and color in caroussel’ is closed to new replies.