Change Multicolumn Subtext Color And Change Image Size Only On Desktop Version

Store Design
1
  1. I want to change the text color in the multicolumn to a brighter white.

InkedScreenshot (34).jpg
InkedScreenshot (34).jpg1903×813 93.3 KB

  1. Also, I want to change the size of this image to a square, but only on the desktop version.

InkedScreenshot (35).jpg
InkedScreenshot (35).jpg1179×832 84 KB

2

Hi @GeorgeRizos ,

Thank you for reaching out to the Shopify forums!

Let me quickly fix that issue for you.

Please add the below CSS in your base.css file.

.multicolumn-card .multicolumn-card__info {
    color: #fff;
}
@media screen and (min-width: 1200px)
.image-with-text__media--small img {
    height: 400px !important;
    object-fit: cover;
}
}

If its working then, please do not forget to accept this solution :slightly_smiling_face:

Thanks & Regards,
Prezen Tech

1 Like
3

thanks, the multicolumn text changed, but the image is still the same size

4

Hi @GeorgeRizos

Can you please try below changes?

@media screen and (min-width: 1300px) {
.image-with-text .image-with-text__grid .image-with-text__media img {
    height: 400px !important;
    object-fit: cover;
    display: block;
}
}

Let me know if you still face any issues.

5

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
.multicolumn-card.content-container p {
color: #fff;
}
.image-with-text__media.image-with-text__media--small.gradient img {
aspect-ratio: 1/1;
object-fit: contain;
}

Screenshot :- https://prnt.sc/3HKO-CNTFdtx , https://prnt.sc/C1mwKPVGsUzS

1 Like
6

stil doens’t work sadly