Hi,
I am attempting to remove all white space (except for a 1px white border) from half columns.
As recommended in another post, I have added the columns to a Color Section block and then added CSS code and ID to the color section block so I can remove the white space on the left and right sides so they are flush to the edges of the screen.
However, there is still white space between the rows (so top and bottom of the half columns) that I cannot get rid of, no matter what I have tried with CSS.
Can you please confirm the CSS for removing this white space completely?
Thanks!
Hey blinddrop,
I was able to remove most of it, but the very last row needs to come up a little, so if you could add a class or ID to the flex_column_table_cell above the last row we can add a negative margin to pull it up. I also added the page ID to the code so it won’t effect any other pages. Feel free to adjust this code to suit.
#top.page-id-33 .flex_column_table_cell .avia_textblock p {
margin-top: -4px !important;
margin-bottom: -4px !important;
}
Best regards,
Mike
Thanks Mike! I was able to modify from there. Appreciate your help.
Hi,
Well done :) Glad we were able to help, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)
Best regards,
Mike