Hello,
How can I create a white space in between the two columns? I found some other forum posts that changes all of the borders but I want the left and right sides to be flush with the rest of the website. Thanks!
Hey bradwbowman,
It looks like you are using a boxed layout there? Could you try changing it to Stretched under Enfold->General Layout please?
Best regards,
Rikard
Rikard,
I’m wanting to use the boxed layout as that is what the design calls for.
Hi,
Ok, so what exactly are you looking to change? Please post a screenshot highlighting your intentions.
Best regards,
Rikard
I’m wanting to add white space and make a gap in the area I highlighted on my screenshot. Thanks!
http://phoenixseo.net/wp-content/uploads/temp-pic-delete.png
Hi,
Please try this code in the General Styling > Quick CSS field:
#top.home .flex_cell.avia-builder-el-6 {
border-right-color: #fff !important;
border-right-style: solid !important;
border-right-width: 5px !important;
}
#top.home .flex_cell.avia-builder-el-10 {
border-left-color: #fff !important;
border-left-style: solid !important;
border-left-width: 5px !important;
}
With the grid row that you are using we can’t separate the boxes, and because of the background colors there is a slight line in the middle that we can’t remove. You could use half of the code above and have the border 10px to one side to avoid the line, and perhaps you won’t notice one side is larger.
Otherwise you will need to use two columns to create the space in the middle.
Best regards,
Mike