firefox full width problem - Support | Kriesi.at

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

Author

Posts
October 7, 2015 at 11:42 am #515098

GabrielAlberola
Participant

Hi,

My website (http://www.smarthalo.bike) displays a full width image (in a color section) weirdly in firefox:
https://www.dropbox.com/s/ygupx2r7gjsr35c/ff.png?dl=0

It’s supposed to look like this (in chrome/safari):
https://www.dropbox.com/s/ulpu9ujbn6lf0vn/chrome.png?dl=0

Any ideas?

Thanks!

October 7, 2015 at 1:06 pm #515146
Yigit
Keymaster
Hey GabrielAlberola!

Please add following code to Quick CSS in Enfold theme options under General Styling tab
```
.avia-mozilla img, .avia-mozilla a img { width: 100%; }
```
Cheers!
Yigit
October 14, 2015 at 8:52 pm #518922

GabrielAlberola
Participant

It works, but then all my other images are stretched 100% in Firefox which I don’t want :/

October 15, 2015 at 1:34 pm #519282
Yigit
Keymaster
Hi!

Can you please try changing the code to following
```
.avia-mozilla img, .avia-mozilla a img { width: auto; }
```
Best regards,
Yigit
October 16, 2015 at 5:32 pm #520182

GabrielAlberola
Participant

Still doesn’t work :(

You can go ahead and compare how it looks on Chrome/Safari and Firefox, it doesn’t solve the issue…

Thanks

October 19, 2015 at 7:34 am #520747
Ismael
Moderator
Hi!

Please turn on the custom css class: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Edit the image element then add a unique class in the class css field. Use “custom-image” for example then use the selector in the Quick CSS field:
```
.avia-mozilla .custom-image img { width: 100%; }
```
Best regards,
Ismael
Author

Posts

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

You must be logged in to reply to this topic.