Navigation

This content is old and no longer supported. You may use at your own risk, but no official support will be provided for anything listed here. If you are a Themeco customer, we invite you to check out our new community and forums, Apex.

Tagged: 

  • Author
    Posts
  • #1422881

    themouthygorilla
    Participant

    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!

    #1422882

    themouthygorilla
    Participant
    This reply has been marked as private.
    #1423248

    Thai
    Moderator

    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 🙂

    #1424344

    themouthygorilla
    Participant

    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)

    #1424379

    Darshana
    Moderator

    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!

    #1424602

    themouthygorilla
    Participant

    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)

    #1424614

    themouthygorilla
    Participant

    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

    #1424925

    Friech
    Moderator

    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.

    #1425049

    themouthygorilla
    Participant

    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

    #1425058

    Paul R
    Moderator

    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

    #1426893

    themouthygorilla
    Participant

    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

    #1427088

    Rad
    Moderator

    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!

    #1427287

    themouthygorilla
    Participant

    THanks buddy)

    #1427656

    Rad
    Moderator

    You’re welcome!

Join Apex

This content is old and no longer supported. We invite you to check out our new community and forums, Apex.

Join Apex