Docs

[TheoryUnit]

Hi there,

Is there a way to set the “mtn” class to remove the space above all h1 headings (in fact, all heading levels) across the whole site? My client will eventually build his own pages and I was thinking it would be easier for him to not have to set the class individually each time.
Thanks,
Matt

(URL: thatchinginfo.com)

[Christian]

Hey Matt,

Please add the code below in your Appearance > Customize > Custom > CSS.

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
margin-top: 0 !important;
}

Hope that helps. 🙂

[TheoryUnit]

Hi there — thanks very much — should have worked that one out shouldn’t I?!
Thanks for your help as ever.
Matt

[Joao]

You are welcome Matt

Let us know if you need help with anything else.

Joao

[TheoryUnit]

Thanks Joao.

Actually, can I ask another question please?
I’m trying to move a line of text up closer to the bottom of an image on this page: http://thatchinginfo.com/beginners-guide/

It’s the first image and there’s a description underneath that I want to move up. I’ve added this so far, to the customiser:

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
margin-top: 0 !important;
}

img {
    margin-bottom:0 !important;
  	vertical-align: bottom !important; 
}

Your help greatly appreciated.
Thanks,
Matt

[TheoryUnit]

Should have said, the line of text is in h6 tags

[Joao]

Hi There

Please try adding:

margin-bottom: -12px;

to your image Style Box in Cornerstone.

Please see img attached.

Hope that helps,

Joao

[TheoryUnit]

Hi Joao,

I don’t have a separate Style Box for the image as it’s inserted with text into a larger content band. I tried this (but it didn’t work):

I added a class to customiser:

.minmarg {margin-bottom: -15px;}

Then added the class to the inline code:

<img class="minmarg aligncenter size-full wp-image-30" src="http://thatchinginfo.com/wp-content/uploads/2016/05/background-homepage-2.jpg" alt="background homepage (2)" width="800" height="590"/>

I want to make it as easy as possible for when the client takes over, so I was really after a global change if possible?
Thanks again.
Matt

[Christian]

Hey Matt,

You can’t apply a bottom margin to the image because WordPress automatically wraps it with <p></p>. What we can do instead is apply a negative top margin (margin-top: -20px !important;) to your h6 (see attachments). You can also make a class out of that like:

.ntm {
margin-top: -20px !important;
}

Hope that helps. 🙂

[TheoryUnit]

Hi Christian,

Thanks for your reply.

So I put that class code into customiser, then the ntm class into the h6 code like this:

<h6 class="ntm"><em>Three ends… From left to right. A full hipped end at 45 degrees. A half hipped end at 50 degrees. And a full gabled end at 55 degrees. It is noticeable how much longer the roofs get, as the roof pitch increases. Water is shed more efficiently; but at the cost of a bigger roof to thatch and pay for. Ten degrees of extra pitch, creates around twenty per cent more roof. </em>2b1 2</h6>

But it didn’t change the margin — any ideas?
Thanks,
Matt

[TheoryUnit]

Scratch that, it does work now I’ve taken out another reference to the margin for h6!

Thanks again.
Matt

[Rupok]

You are welcome Matt!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts