How to reduce with of images to 80%? - Support | Kriesi.at

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
March 11, 2022 at 12:32 am #1344073

Jak73
Participant

Hi,
i added some images to my website. I would like to reduce the width to 80 % in responsive modes?

How can i do that?

kind regards Jak

March 11, 2022 at 3:53 am #1344091
Nikko
Inactive Moderator
Hey Jak73,

Please try adding this code in Quick CSS:
```
@media only screen and (max-width:767px) {
  .responsive #top #wrap_all .container {
    max-width: 80% !important;
  }
}
```
Best regards,
Nikko
March 11, 2022 at 9:35 am #1344097
Jak73
Participant
Hi Nikko,

this seems to reduce all images.
How can i just reduce the images like i showed in the screenshot?

kind regards Jak
- This reply was modified 2 years, 8 months ago by Jak73.
March 12, 2022 at 6:06 am #1344187
Nikko
Inactive Moderator
Hi Jak,

Please try to change the code to:
```
@media only screen and (max-width:767px) {
  #top .av_one_third .avia-video {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 80%;
  }
}
```
Best regards,
Nikko
March 12, 2022 at 9:25 pm #1344247

Jak73
Participant

Hi Nikko,

thank you very much for your help!

Can we make this work only on the selected page in the private area? So that other pages stay normal?

Kind regards Jak

March 13, 2022 at 6:44 pm #1344294
Mike
Moderator
Hi,
To make the above solution work on the one page only please adjust to this:
```
@media only screen and (max-width:767px) {
  #top.page-id-600 .av_one_third .avia-video {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 80%;
  }
}
```
Best regards,
Mike
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.