[Resolved] Reduce Spacing

Home Forums Support [Resolved] Reduce Spacing

Home Forums Support Reduce Spacing

Viewing 15 posts - 1 through 15 (of 18 total)
  • Author
    Posts
  • #428528
    Sebastián

    Code to reduce this spacing on the blog posts page? https://i.imgur.com/z2K3iMr.png

    Thanks 🙂

    #428565
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Try this:

    .post-image-above-header .inside-article .post-image {
        margin-bottom: 2em;
    }
    #429276
    Sebastián

    Awesome! Thanks!

    #429372
    Sebastián

    Another thing..

    Im using this code

    #mobile-header {
        text-align: center;
    }

    But it doesn’t work properly

    Im using it on 2 sites, one works fine the other one don’t.

    On the customizer looks good but when im on mobile it doesn’t seem to recognize it. Already cleared cache too.

    Thanks

    #429387
    Tom
    Lead Developer
    Lead Developer

    You’re trying to center everything within the mobile header?

    #429422
    Sebastián

    Yes. I would like to center only the mobile header. Logo and the menu button.

    #429500
    Tom
    Lead Developer
    Lead Developer

    So they’re on top of each other, or still inline with each other but in the center of the header itself?

    If it’s the former, then turning off the mobile header completely might be the best method.

    If not let me know and we’ll figure it out 🙂

    #430003
    Sebastián

    Turning off the mobile header worked! Thanks

    Now continuing with the spacing I would like to reduce the orange area on single post pages: https://i.imgur.com/rcdNEyH.png

    Thanks again! 🙂

    #430025
    Sebastián

    Also, is there a way to “style” the search bar from the sidebar area?

    I would love something like this: https://i.imgur.com/dpSQonh.png rounded

    Thanks guys!

    #430103
    Leo
    Staff
    Customer Support

    The margin can be reduced with this CSS:

    .post-image-below-header.post-image-aligned-center .inside-article .featured-image {
        margin-top: 1em;
    }

    Search bar style:

    input[type=search] {
        border-radius: 15px;
    }
    #430194
    Sebastián

    Perfect!

    One last thing..

    I want to reduce the margin between widgets on the sidebar.
    And I would like to put the sidebar at the same height as the featured image.

    Already made changes on the customizer but i need code to make it look the way I want.

    This images will explain the things I want:

    Before (without any changes): https://i.imgur.com/ry8byDv.png

    After (What im hoping to achieve) https://i.imgur.com/BrzIKPU.png

    Hope I made myself clear.

    Im extremely happy with your work and this Theme, made my life easier 🙂

    Thanks!

    #430265
    Leo
    Staff
    Customer Support

    Can you link me to that page?

    #430267
    Sebastián
    #430270
    Leo
    Staff
    Customer Support

    There is only one search widget in the sidebar?

    #430277
    Sebastián

    And there is a thrive leads widget but im getting an error. I already contact the thrive team.

    I added another widget right now. A calendar. Just for you to see what i want 🙂

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