So, with zero coding, there are margins present above and below the element in the section that includes the Essential Grid. The Section, Row, and Column all have margins set at 0px at top and bottom. I could use negative margins in the “Style” input of the Section, but I’d prefer to avoid that if possible due to issues with responsiveness in mobile view.
https://fortworthfotofest.com/
Thoughts?
Hi there,
Kindly check the shortcode in the text element where you placed the Essential Grid and remove the white space before and after the shortcode because it will automatically add blank <p> tags which is causing the space.
Hope this helps.
What’s the best way to select and edit the Text Element? It doesn’t show in preview mode due to it only having a shortcode in it.
Also, would like to note that I did create a new section, add the Text Element with the shortcode and removed all margins and padding from the section, row, and column… Same result. The same white space is still above and below the grid.
Last note… I did all of this again, ut instead of using the Classic Text Element, I used the Text Element to add the shortcode. This solved the problem. Odd.
Hi There,
When you’re editing in text element’s visual tab, the line breaks will be generated as empty <p> tag on the front-end. That is where the white space is coming from. For codes please use the RAW Content element instead.
Cheers!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.