-
AuthorPosts
-
August 11, 2017 at 3:31 pm #837478
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-
This topic was modified 8 years, 2 months ago by
lumenradio.
August 11, 2017 at 5:45 pm #837563Hey lumenradio,
Please provide a link to the the site/page in question so we can look into this further.
Best regards,
Jordan ShannonAugust 14, 2017 at 11:15 am #838555This reply has been marked as private.August 14, 2017 at 4:44 pm #838763Hi,
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 ShannonAugust 15, 2017 at 9:18 am #839120Hi,
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
ClaesAugust 15, 2017 at 10:46 am #839170Hi 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,
VictoriaAugust 15, 2017 at 11:49 am #839211Awesome, it works! Thanks again.
Best regards
ClaesAugust 15, 2017 at 2:08 pm #839284Hi,
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 -
This topic was modified 8 years, 2 months ago by
-
AuthorPosts
- The topic ‘Flex-column Image Alignment’ is closed to new replies.
