• Hi,

    I have a number of services included in my web site and service items that have images for icons. I have changed the width to 100%, but the heights are different due to different aspect ratios. How can I apply css to ensure that there is consistency across services elements within a service and across all services.

    I have used the below for one service and tried the same principle on others, but it’s painful when I have so many, and doesn’t seem to work on all services.

    `#ssbServices-7b7649e5-6 .ssbServices .ssbService .icon {
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 20px 0px;t Width: auto;
    height: 150px;
    object-fit: cover;
    vertical-align: middle;
    }

    I don’t really want to resize all images to the same aspect ratio as some are used elsewhere. I don’t also want to duplicate images just for this purpose.

    I’m I asking too much?

    Regards

    Andy

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

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Resize height of icon image’ is closed to new replies.