CSS to make image bigger on classic list

  • Resolved Piani

    (@webbmasterpianise)


    2 years, 8 months ago

    I made a little custom CSS snippet to make the image on the classic list view bigger when using larger screens. This way the responsive list view on mobile still looks nice.

    Use if you like.

    
@media only screen and (min-width: 767px) {
.mec-event-image {
width: 250px  !important;
}
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Piani

    (@webbmasterpianise)

    resolved

    Thread Starter Piani

    (@webbmasterpianise)

    Adjusted the CSS some and I think it works even better for my calendar in both monitors and mobile screens.

    
@media only screen and (min-width: 767px) {
.mec-event-image {
width: 300px  !important;
}

}

@media only screen and (max-width: 767px) {
.mec-event-image {
width: 100%  !important;
}

}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS to make image bigger on classic list’ is closed to new replies.