Image Sizes

Hi!

Thank you for using Enfold.

Add a unique selector on the color section using the Developers Section ID field. Use “adjust-section” for example then use this on Quick CSS or custom.css:

#adjust-section .container {
width: 1300px;
}

#adjust-section .container .twelve.units {
margin-left: 0;
width: 1300px;
}

You might need to use media queries to change the width of the container and grid units on different screen devices.

Regards,
Ismael

Hi!

Thank you for the update.

That is why you need to use media queries to adjust the width on different screen sizes.

@media only screen and (min-width: 768px) and (max-width: 989px) {
#adjust-section .container {
width: 750px;
}

#adjust-section .container .twelve.units {
margin-left: 0;
width: 750px;
}
}

Please refer to this link to learn more about media queries: http://css-tricks.com/css-media-queries/

Cheers!
Ismael