Where to globally adjust Blog Content margins/padding? Lots of dead space

Support
#1

So there is a lot of dead space at the top of the main blog content section.

Is there a place to adjust this globally, not just on individual pages and posts? That’s a lot of leg work.

Page in question:

https://www.ohiocannabis.com/dispensaries/

Thanks.

#2

Hello John,

Thanks for writing in!

Please add following CSS under Pro > Theme Options > CSS:

.page .x-container.max.width.offset {
    margin-top: 10px;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

Hmm that didn’t seem to target what I wanted.

Here is a pic of the area I’m trying to decrease globally, not just on this particular page:

www.ohiocannabis.com/dispensaries

#4

Hello John,

Thanks for updating the thread. :slight_smile:

Thanks for elaborating the changes that you are looking. Please replace previous code with following:

.entry-wrap .entry-content.content .block-editor-rich-text__editable.editor-rich-text__editable {
    margin-top: 10px;
}

.entry-wrap {
    padding-top: 10px;
}

Thanks.

#5

Hmm ok, that seemed to work great for that page, but this doctors page still seems to have the gap issue:

https://www.ohiocannabis.com/doctors/

Any idea why that code didn’t work globally?

Thanks.

#6

Hey John,

The code works globally. It just that it is not being applied to the Doctors page because it has a different structure. By default, heading tags has it’s own top margins. To get this resolved, please edit the Doctors page and change this:

<h2 style="text-align:center"> <strong>Ohio&nbsp;<span style="color:#00a302" class="tadv-color">Medical Marijuana</span>&nbsp;Doctors</strong> </h2>

by using this code instead:

<h2 class="mts" style="text-align:center"> <strong>Ohio&nbsp;<span style="color:#00a302" class="tadv-color">Medical Marijuana</span>&nbsp;Doctors</strong> </h2>

We added class="mts" in the code which means that “Margin Top Small”. For more details about element spacing, please check this out:

Hope this helps.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.