Reduce Space between Site Title, Blog post & featured Image

Reduce Space between Site Title, Blog post & featured Image

unfortunately none of below codes working on my site

    .site-header {
        margin-bottom: 0;
    }
    .single .entry-header {
        margin-bottom: 0;
    }
    .entry-title.post-title-big {
        margin-top: 0;
    }
    .single article {
        padding-top: 1px;
    }

I need to reduce these space after site title, before & after featured image and before & after blog post titlecali

Hello there,

Do those three appear in one place at once? Please share related links where the space should be corrected.

Regards,
Kharis

In my site,

Site Title
Post title
Post feature image

1- I want to reduce space between site title & post title
2- Reduce space between post title & feature image

B- Big space between image & image caption, want to reduce it as well.
C- In gallery(collection of images) the text above gallery is so less that it is overlapping with above paragraph
Greatest Bazaar

Let’s address them one by one to make us easier track progress.

1- I want to reduce space between site title & post title

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 768px) {
      .content-area,
      .site-sidebar {
        padding-top: 15px;
      }
    }

Regards,
Kharis

no dear, its not working even when i reduced top-pading to 5px from 15

Hello there,

Please try adding !important to set highest priority.

    @media only screen and (min-width: 768px) {
      .content-area,
      .site-sidebar {
        padding-top: 15px !important;
      }
    }

Regards,
Kharis

Its still same. Meanwhile can you suggest other soolutions.

Hello there,

Doesn’t the gap that marked with green arrow change?

Where the space can actually be found at?

Regards,
Kharis

Yes dear I am refering to same gap between site title & post title. Further there is also gap after post title in same post & other post as well.

Hello there,

It looks like you’ve updated the code and it’s now displaying like this

I feel you’re happy with it. Correct?

Regards,
Kharis

Dear looks like you are viewing in tab or a smaller screen, where it is already coming the same way. Anyways is there a code to reduce gap before & after post title, in this post, you can sayspace above cute & space after 2019.

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .site-breadcrumbs {
      padding: 0;
    }

    .post-title--top .entry-header, .post-no-feat-img .entry-header, .page-title--top .entry-header, .page-no-feat-img .entry-header {
      padding: 0;
    }

Regards,
Kharis

Ahhh…
Atlease it reduced the gap between Post Title & Post featured image. Thanks.
Now most important thing is to reduce gap between a image & its caption.

Try this code:

    .wp-caption img[class*="wp-image-"] {
      margin-bottom: 0;
    }

Regards,
Kharis

No it dosent make any effect

Try adding an !important declaration to set highest priority execution and against other rules that might be from one of active plugins.

    .wp-caption img[class*="wp-image-"] {
      margin-bottom: 0 !important;
    }

Use negative value to if it isn’t quite close.

    .wp-caption img[class*="wp-image-"] {
      margin-bottom: -5px !important;
    }

Regards,
Kharis

Dear Unfortunttely both of then are not working

Hello there,

Sorry. Please point me where it actually presents. Probably I got it wrong. Please take a screenshot and put some annotations to indicate where it is.

Regards,
Kharis


1- Space between post title & website title

2- Space between image & caption