Love the Enfold theme :-)
Is there any way to prevent scaling of images? I understand that in most cases images inherit the dimensions of their container. Is there any way to prevent this scaling, perhaps even globally?
Thank you.
Hey,
You can add a unique selector for each Avia Elements if in case you’re using the Image element via Advance Layout Editor. Edit functions.php, find this code:
if(isset($avia_config['use_child_theme_functions_only'])) return;
Below, add this code:
add_theme_support('avia_template_builder_custom_css');
Edit any avia elements like the Image element then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-image”.
You can add something like this on your custom.css or Quick CSS:
.avia_image.awesome-image {
width: 100px;
height: 100px;
position: absolute;
right: 0;
top: 0;
}
Regards,
Ismael