Hi, i have set a column border on two columns.
There is only a general setting for all borders, but i want it customized to have no border on one side of the column.
This is what I want it to look like (its an image right now): https://monosnap.com/file/uy0zzWUXCdSRg9G6Ea5PRvXn3FMo17
This is what I got building it with Enfold: https://monosnap.com/file/Yzqu0SMgqyTQmXCWGNU1DJdG2A9ACj
What CSS do i need to add to target these 2 columns and set the right border (of left column) to zero, and the left border (of the right column) to zero?
thanks!
Hi rollfroyce
I think you can just go the element settings from the left column and select “don’t display space between columns” there.
This should already solve your issue if I am not mistaken.
Cheers
Michael
Hi rolfroyce,
Thanks for the screenshots, though the page you linked to leads me to a 404 page. Could you check the URL please?
Best regards,
Rikard
here
Hi rolfroyce,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top.page-id-13684 #av_section_1 .av_one_half.avia-builder-el-first {
border-right: none !important;
}
#top.page-id-13684 #av_section_1 .av_one_half.avia-builder-el-last {
border-left: none !important;
}
Best regards,
Nikko
thanks works!
Hi rolfroyce,
Glad that we are able to help :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko