Layout question

Hey bigwavebusiness,

There are no elements which have that layout by default unfortunately, you would need custom CSS in order to achieve that. If you need help then please post a link to where we can see the elements in question.

Best regards,
Rikard

Hi,

Thanks for the link, I see that you have added the image to the page. Could you create test page, then add the image in a 1/2 element, and the text in another 1/2 element please? That would give us something to work with.

Best regards,
Rikard

Hi,

Thanks for that. Could you add a unique class or ID to each of the columns as well please? I tried logging in but the details you posted are not working.

Best regards,
Rikard

Hi,

I didn’t see any id’s so I added classes for you instead. Please try this in Quick CSS:

.left img {
    border-radius: 100%;
    border: 5px solid blue;
    float: right;
}

.right .av_textblock_section {
    border-top: 5px solid blue;
    border-right: 5px solid blue;
    border-bottom: 5px solid blue;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.right {
    margin-left: -10px;
    margin-top: 40px;
}

Best regards,
Rikard

Hi,

Please try this as well:

.left .avia-image-container-inner {
  float: right; 
}

.right {
    margin-left: -50px !important;
    margin-top: 40px;
}

.right .av_textblock_section {
    padding-left: 70px;
}

Best regards,
Rikard

Hi,

Please try this as well:

.left {
    z-index: 2;
}

Best regards,
Rikard

Hi,

Please try this instead:

.left {
    z-index: 2 !important;
}

Best regards,
Rikard