CSS changes are not replecting

  • Resolved mrmarqua

    (@mrmarqua)


    5 months ago

    Hi there.
    I am trying to edit the CSS via the custom CSS panel in the settings.
    I am inspecting element to get the class names, and even though my edits reflect in browser, when i apply them and refresh, nothing changes.
    Specifically, i am looking at ep_events_front_views_square_grid img { border-radius: 0 !important; } .ep-text-truncate { font-family: rokkitt; } .ep-fs-6 { font-size: 1.3rem !important; } .ep-box-card-desc .ep-text-small { font-size: 1em !important; }

    change font sizes, remove border radius and manipulate button styles to match the theme i am working with.
    Any help or insight into why
    Thanks
    P

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Support EventPrime Support

    (@eventprimesupport)

    Thanks for reaching out to us.

    We have analyzed your CSS and created the following code for you. You mentioned that your changes are being overwritten by the plugin’s CSS, even though you’ve marked your styles with !important. This may be due to using incorrect selectors.

    However, we noticed your site is currently in “coming soon” mode, so we couldn’t view the live changes.

    Please navigate to the Events -> Settings sub-menu, select the Custom CSS tab, and place the following code in the TextArea:

    .emagic .ep-events .ep-box-card-item{
    border-radius: 0px !important;
}

.emagic .ep-events .ep-box-card-item .ep-box-title.ep-box-card-title {
    overflow: visible;
    white-space: normal;
}

.emagic .ep-events .ep-box-card-item .ep-box-card-desc.ep-text-small {
    font-size: 1em !important;
}

    After placing the code, please save your changes. If you have any questions feel free to reach out!

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.