• Resolved plumacom

    (@plumacom)


    Hi,
    I’l like to have a rounded image in the event list view so I tried via Css:

    .qem-list-image {
    border-radius: 50px;!important;
    }

    I’m not an expert and I had no result with this css.

    May you help me?

    thanks!

    Best regards

    cinzia

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi,

    You code is actually correct. I manually injected your CSS code in a browser to show you that it works. https://share.getcloudapp.com/GGu41EGN

    The problem is on how you add your CSS. It’s also possible that the reason why the changes didn’t reflect is because of some caching issues. So make sure to clear/purge all your cache. Also try deactivating your caching plugins if there is any.

    Thread Starter plumacom

    (@plumacom)

    Hi
    here below all the css I used. Maybe there’s something wrong:

    .qem-list-image {border-radius: 50px;!important;}

    .qem_title {font-size: 24px;
    font-weight: bold;}

    .qem-image {display: none;}

    .qem-register {max-width: 100%;
    overflow: hidden;
    width: 550px;
    font-weight: 500;
    font-size: 14px;}

    .desc { font-size: 18px;
    font-weight: 500;}

    .qemback {font-weight: 600;}

    thanks!

    Cinzia

    You have an ; in front of ! important, that is incorrect only ! Is needed

    .qem-list-image {border-radius: 50px;!important}

    Should be

    .qem-list-image {border-radius: 50px!important}

    Thread Starter plumacom

    (@plumacom)

    oh Gosh! new glasses required|
    now it works!
    thanks a lot!
    cinzia

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘event image css’ is closed to new replies.