Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 9, 2021 at 7:49 pm #1315893
    Mariusz

    Hi,
    I’m using a whitespace block on a page with condition that it should not appear on the desktop.

    I added hideonlargescreens class to that element to emphasize where it appears.

    Edit-Page-Funderwear-pt-Word-Press-2021-08-09-19-39-42-1
    Edit-Page-Funderwear-pt-Word-Press-2021-08-09-19-39-29-1
    Perguntas-Frequentes-Funderwear-pt-2021-08-09-19-38-30-1

    The problem is that even the element that should be hidden in desktop view is wrapped in another div which has padding.

    Would it be possible to add the class to the wrapper, not to the interior of the wrapper or add container-custom-class-name class to the wrapper?

    Otherwise, it makes no sense to use whitespace blocks.

    Much appreciated

    August 11, 2021 at 4:56 am #1316169
    Ismael

    Hey wppoland,

    Thank you for the inquiry.

    The theme or the builder automatically wraps orphaned elements or elements that are not inside a color section or grid row elements to ensure that they are contained. You may need to wrap the hr element inside a color section and remove the default padding of that particular section, or just apply the spacing directly to the sections instead of using the hr element. The default padding comes from this css rule.

    .content, .sidebar {
	padding-top: 50px;
	padding-bottom: 50px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	min-height: 1px;
	z-index: 1;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.