Public Forums 71,145 posts

[kopetschke Friend kopetschkeJoin date: December 2016Posts: 51Downloads:6Uploads:14]

#993231

Dear Joomlart/ Users of Purity 3,

does anybody of you know how to stop sizing normal article images for Tablet/Mobile view.

My problem ist, that all of them become way to big and not very nice since their solution is not very high, besides it does not look very nice.

Since I am not a developer, maybe you know the css-code I could add to custom.css

Thank you so much for helping me

Johannes

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#993337

Hi Johannes,

You can put the URL of page where we can see that image and give you suggestion.

Regards

[kopetschke Friend kopetschkeJoin date: December 2016Posts: 51Downloads:6Uploads:14]

#993361

Hello Saguaros,

Thank you for your reply.

Unfortunately it is on localhost at the moment. Do you have a general advice?

Just do describe the case more briefly. It is not the case for only one image, it happens to all the images that are integrated in the text of articles (without the "article image"). I would just prefer that the articles that are inside an article stay in a relation to the page like they do on desktop size.

Thank you so much

Johannes

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#993661

Hi Johannes,

Make sure that in each article, you set 2 images: Intro Image and Full text image.

It’s hard to give suggestion without seeing issue closely, you can put your site online so I will have a look.

Regards

[kopetschke Friend kopetschkeJoin date: December 2016Posts: 51Downloads:6Uploads:14]

#993697

Thank you, I found the solution by adding:

article img, .article-intro img {
display: block;
height: auto;
margin: 0 30px 15px 0;
max-width: -moz-min-content;
}

I think this is not a proper solution, but in my case it worked…

Regards
Johannes

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#993767

Nice try.

Have a nice day!!!

[kopetschke Friend kopetschkeJoin date: December 2016Posts: 51Downloads:6Uploads:14]

#993932

Yeah haha, but the thing is now it works only on firefox, what can I add to let it work in every browser?

Regards and Thank you
Johannes

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#994049

Try to put your site online so I can have a closer look.

[kopetschke Friend kopetschkeJoin date: December 2016Posts: 51Downloads:6Uploads:14]

#994128

You can see it here if you look at it with safari or chrome.

http://tourismus-schulz.de/tourismus-grundlagen

I just want to keep the picture like it is in the desktop mode..

Regards and Thank you

Johannes

[kopetschke Friend kopetschkeJoin date: December 2016Posts: 51Downloads:6Uploads:14]

#994134

Okay now I think I got it, it is fairly easy but maybe only to use if you do not have very huge website.
I went into the article and type into the the settings of the image the max-width instead of width.

For now that works, hopefully I will not come back to you.

Regards
Johannes

[Author]

Posts