Hi, I have tried to refrain from asking too many questions, especially something that is common. But I have searched for a week and have yet to find a solution.
I would like to make my 3 sub-pages scale high resolution images without scaling the rest of the page like my homepage. I have tried multiple codes from other threads but none seem to work properly, even losing resolution on the image.
Any help would be appreciated! Thank you in advance.
Hi @LucchiCamma ,
Add the following code to your theme.css file
.template-page .grid__item .rte img {
min-width: 100% !important;
}
Let me know if it solves your issue or if you’ve any other questions?
Hey @UmairA ,
Thank you for the fast response! I added the code but it doesn’t scale like the homepage, please have a look.
Add the following code to your theme.css file.
@media only screen and (min-width: 750px){
.template-page .medium-up--push-one-twelfth {
left: 0%;
}
.template-page .medium-up--five-sixths {
width: 100%;
}
.template-page .page-width {
padding-left: 15px;
padding-right: 15px;
}
.template-page .page-width {
max-width: 100%;
margin: 0 auto;
}
}
if not work, you can create my staff account, I will help you change it quickly.
Thanks!
Hey @dmwwebartisan !
Unfortunately this code doesn’t work, does the opposite by changing the width of the fonts and not the image. It’s very close!
