Hi there,
I’m currently having an issue with aligning an image in Enfold, in a full-column. I would like the image to be displayed beside the heading and text to the left. Since I wan’t the elements to be displayed in a “box”, separating them into different columns is not an option. Currently I can place the image above or below the rest of the content.
Do you have any suggestion code-wise to this? Something I could easily add to the quick-css?
Best regards
Claes
Hey lumenradio,
Please provide a link to the the site/page in question so we can look into this further.
Best regards,
Jordan Shannon
Hi,
Add this to quick css:
@media only screen and (min-width: 1024px) {
.avia_textblock{
clear:inherit!important;
width: 80%!important;
margin: 0 150px!important;
}
}
Best regards,
Jordan Shannon
Hi,
This worked well. However, it affected many other elements to become out of place instead. Is there a way of putting this code in a custom-id, as to not affect the rest of the site?
Best regards
Claes
Hi Claes,
Add the class like this
@media only screen and (min-width: 1024px) {
.avia-builder-el-39 .avia_textblock {
clear:inherit!important;
width: 80%!important;
margin: 0 150px!important;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Awesome, it works! Thanks again.
Best regards
Claes
Hi,
I’m glad this was able to be fixed. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon