[themouthygorillaParticipant]

Hi, Im using ethos and I love it but there is so much empty space. Could you tell me how I can adjust the empty space between

a) The title and the featured image
b) The featured image and the first header or first line of text
c) the space between paragraphs in the body

also on this page https://www.themouthygorilla.com/mowanifesto-mouthy-gorilla/
I have several information images near the top of the page that I would like to have inline with the text they are associated with. But they are floating well above the text and it looks very odd.

Thanks very much!

[themouthygorillaParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

header.x-header-landmark.x-container.max.width {
    padding-bottom: 10px;
}

.entry-featured {
    margin-bottom: 0 !important;
}

.entry-content.content h4,
.entry-content.content h3,
.entry-content.content h2 {
    margin-top: 0;
}

.entry-content.content p {
    margin-bottom: 8px;
}

Hope it helps 🙂

[themouthygorillaParticipant]

Hey thanks for that. It works for me except that there is no code for reducing the spacing between two paragraphs in the body. I need this reduced as well please)

[DarshanaModerator]

Hi there,

What we recommend is to assign the class mbn to your paragraph tags (https://community.theme.co/kb/element-spacing/).

However if you want to apply a solution globally, use the following CSS rule.

.entry-content.content > p {
    margin-bottom: 0;
}

Thanks!

[themouthygorillaParticipant]

I will give that a go, thank you.

I asked this question but didnt get an answer…

on this page https://www.themouthygorilla.com/mowanifesto-mouthy-gorilla/
I have several information mark images near the top of the page that I would like to have inline with the text they are associated with. But they are floating well above the text and they increase the spacing between the lines and it looks very odd. I would like a fix for this with the headers as well as in the paragraphs please)

[themouthygorillaParticipant]

Hi I tried the code you gave me and it works. THere is no space at all between the paragraphs but I cant adjust it at all. Its either nothing or the default. How would I do this? thanks

[FriechModerator]

Hi There,

The CSS code given above is set to margin-bottom: 0; you can adjust that on how much space you need between the paragraphs.

Regarding the information mark, add this on the Global CSS.

img.lazy {
	margin-bottom: 0;
	vertical-align: text-top;
}

Thanks.

[themouthygorillaParticipant]

Hey, great. It worked perfectly in the display on the customization page. But on the actual page it is the same as it was before. Ive saved and refreshed it numerous times….thanks for your patience

[Paul RModerator]

Hi,

Please add my-info to all your information mark images.

eg.

<img class="my-info alignnone size-full wp-image-659" src="https://www.themouthygorilla.com/wp-content/uploads/2017/03/info-1.jpg" alt="" width="18" height="18" />

After that add this in Appearance > Customize > Custom > Edit Global CSS

.my-info {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

Hope that helps

[themouthygorillaParticipant]

ok, that works. But now back to the spacing above and below the paragraphs. I dont know why but there are only two results, no matter what value I use in the code. Either there is a huge space or there is no space between the paragraphs. And yes I do need a global solution for branding purposes.

You can check the code in the custom CSS of my customizer or try adjusting it yourself. Im not sure why it wont work but ive tried it again and again, different values, ive added bottom margin, purged the caache, but nothing works. Please help me out.

Thanks

[RadModerator]

Hi there,

You added it this way,

.entry-content.content > p {
  	margin-top: 16;
  {

Should be like this

.entry-content.content > p {
  	margin-top: 16;
  }

Cheers!

[themouthygorillaParticipant]

THanks buddy)

[RadModerator]

You’re welcome!

[Author]

Posts