[bakParticipant]

Hi

I want to split a section in two by having a different colored background. Since the layout is a bit more complex, I would appreciate your help on this one.

[bakParticipant]

This reply has been marked as private.

[ZeshanMember]

Hi Bak,

You can use Marginless Columns feature in your row settings and then add two columns and change the color of each column. After that, add a Custom Headline and Block Grid element (with two columns) in each column. Then you can insert the image, line, headline, and text under each Block Grid column.

Thanks!

[bakParticipant]

This reply has been marked as private.

[bakParticipant]

This reply has been marked as private.

[JadeModerator]

Hi there,

Adding a vertical line separator to the section requires a bit more of a custom code which we can’t provide unfortunately since it falls out of the scope of our support.

For the 5th column, please try to add this CSS:

.page-id-2481 #x-section-5 .x-container:nth-child(2) {
     width: 63.1% !important;
}

Hope this helps.

[bakParticipant]

Hi there, I see many answers of support on the subject of a vertical divider line in the forum but I can’t make it work for my case

I added a class testjk to the second column and added the code below but I cannot see the line

.testjk:before {
content: “”;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
border-left: 1px solid #ffff;
}

[ChristianModerator]

Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding.

[Author]

Posts