• So we’re trying to decrease the padding-bottom — above the widget footer — on this page (marked as div class=”block-content no-top-margin” when inspected), but it’s marked as inline…?

    Similarly, want to decrease the height in the widget footer (div class=”row inline-row footer-widget-area”), which is current set as 640.5px.
    Also marked as inline…

    Thus: how do we decrease padding/height for inline stuff…? (considering those are on every page, also!)

    Thanks!!!

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hi there,

    It seems you are using Smash Balloon for your Instagram feed. Try editing your Feed Height and decrease the Number of Posts inside your Feed Layout settings.

    For decreasing the padding bottom of div class="block-content no-top-margin" on all pages, can you try adding this css code in your Appearance > Customize > Additional CSS

    .block-content.no-top-margin {
        padding-bottom: 90px; //desired padding
    }

    Best,

    Shane

    Thread Starter bluecom

    (@bluecom)

    Hi Shane!
    Thanks, this worked for below the general content!

    For the widget footer, it’s not so much the height of the widgets, but the spacing *under the widgets. (and above the “2022” bar)
    The inspect shows:
    element {
    position: relative;
    height: 640.5px;
    }

    Is there any way to edit the height there?

    Thanks!!

    Hi there,

    You can manually edit the feed height on the Smash Balloon plugin settings. Aside from the height, you can also try to decrease the number of posts showing on the widget so that it won’t get cut off once the height is adjusted. Check this screenshot for the guide on where to edit the settings.

    I hope this helps!

    Thread Starter bluecom

    (@bluecom)

    Hi Shane!
    Thanks for the reply! Yah, I adjusted the feed height and all, worked ?? But I meant is it possible to adjust the padding *underneath the feed (like under the widget’s “Load More” and “Follow on Instagram” and above “2022 (C) Blueprint”) at all…?

    Thanks! ??

    Hi there,

    You can try this code in the Additional CSS tab:

    footer#footer-nav {
        padding: 10px; //desired padding on all sides
    }

    Hope this helps!

    Thread Starter bluecom

    (@bluecom)

    Put it into Additional CSS, no change though…?

    Hi there,

    You can add !important just before the semicolon. Adding this means gives more importance to the value set and will override the previous styling set by the theme on that element.

    You can also check if there’s a way to add paddings in the footer-nav on your theme settings.

    Thread Starter bluecom

    (@bluecom)

    Thanks!!

    One other thing with padding: on this page, how do we eliminate the padding under the header (Y2K!) and above the image?

    https://blueprintarts.com/y2k/

    The same for all of the posts (I presume one change will change that issue on all posts?)

    It’s *also listed as inline!!

    chandelierrr

    (@shanedelierrr)

    Hi there,

    I can see on this page that there is an inline CCS that sets the padding-top for the ‘block-content’ div.

    You can try to override the single posts padding by adding the ff custom CSS:

    .single-post .block-content { //.single post means this apply to all posts
        padding-top: 20px; // desired padding value
    }

    However, I suggest you check the post-builder first if the padding-top was set manually.

    Thread Starter bluecom

    (@bluecom)

    Eek, no luck! I did see the post builder had a few sliders, but they’re at minimums, and I tried the code in custom CSS and additional CSS (and even tried it in the base css file).

    Seems like such a dumb problem, I know ??

    chandelierrr

    (@shanedelierrr)

    Hi there,

    Have you tried the code with !important in it?

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘padding’ is closed to new replies.