Reduce Margins in Aquene Them

  • Unknown's avatar
    thebananashot · Member ·

    Hi,

    I would like to reduce the margins on my website. Both top and lateral margins. Is it possible?

    My theme is Aquene.

    Thanks,

    The blog I need help with is: (visible only to logged in users)

  • staff-mckluskey · Staff ·

    Hi there!

    Could you specify what exactly you are looking to modify? The margins on posts/pages, or are you referring to the content area in general? A screenshot would be helpful. You can use an online tool for that (such as https://snipboard.io/) and paste the link into your reply.

    You can also reach us directly via live chat from https://wordpress.com/help/contact; that way, you can get help faster.

  • Unknown's avatar
    thebananashot · Member ·

    Hi!

    I am referring to margins highlighted in red in this capture:

    Margins to the content area in general but also margins between the posts of the carousel

    Thanks a lot!

  • staff-mckluskey · Staff ·

    Thanks for that screenshot, it helped a lot!

    So, you’ll want to add some additional CSS to My Site>Design>Customize>CSS:

    /*Adjust padding on the homepage*/
.md:th-px-4xl {
    padding-left: 3rem;
    padding-right: 3rem;
}

.sm:th-py-2xl {
    padding-top: 1rem;
}

    Feel free to modify those numbers further until you get the look you were after.

  • Unknown's avatar
    thebananashot · Member ·

    Thanks a lot! I’ve successfully modified both padding-left/right and passing-top.

    Is it possible to eliminate the space between the entries?

    I attach the image highlighting in red space I want to erase:

    Best Regards

  • deancroyal · Staff ·

    We’re happy that worked for you. :)

    For the area that you have highlighted, try the following solution…

    /* Remove padding between top two posts on desktop*/

    @media     only screen and (min-width: 782px) {
    .wpnbha.columns-2 article {
    flex-basis: calc(50%);
    }
    }

    That should remove the padding and increase the size of the images a little at the same time. Let us know if that works for you.

  • Unknown's avatar
    thebananashot · Member ·

    Hi deancroyal,

    It didn’t work so far. I attach you an image with the code added and how the page looks.

    Thx!

  • supernovia · Staff ·

    Hmm, try this instead:

    /* Remove padding between top two posts on desktop*/
@media only screen and (min-width: 782px) {
.wpnbha.columns-2 article, .wpnbha.columns-2 article:last-of-type {
    flex-basis: calc(50% - .5rem) !important;
}
}

    The !important isn’t ideal, but it’ll force it. Also the .5rem adds space back to match the space around these column items. You can adjust that as needed.

    Please bear in mind too, layout changes like this can pretty complex with various media queries and what not, and they do fall outside the scope of the CSS support we offer here.

    You’re welcome to tinker using inspect element though, based on what we’ve given so far and based on flexbox tutorials online:
    https://wordpress.com/support/custom-design/how-to-find-your-themes-css/

    And, if you wanted to hire someone to come up with CSS that covers all of the cases for you, we have a recommendation for custom developers here.

  • Unknown's avatar
    thebananashot · Member ·

    Solved. Thanks a lot.

  • The topic ‘Reduce Margins in Aquene Them’ is closed to new replies.