Sub-pages padding/margin below breadcrumbs, H1, and main content

Hi,

I've attached a screenshot for reference. Please can you tell me how to adjust the following:

1. Reduce the margin/padding below the breadcrumbs
2. Make the BOTTOM of the page title align vertically with the bottom of the first widget area title
3. Make the TOP of the main content align vertically with the top of the first widget area content

Thanks,
Rex

 

Hi Rex,

I would like to tell you that we didn't receive any screenshot!

Please provide the screenshot for the same.

Looking forward to be of assistance.

Thanks & Regards,
Shruti Jain
InkThemes.com

 

sorry. here's the screenshot...

 

Hi Rex,

Thanks for the screenshot!

To get the desired changes just paste the code given below in Custom CSS section
(Customizing -> Theme Settings -> Custom Settings ) of your dashboard.

Code:

.post:nth-child(1) {
    padding-top: 60px;
}
.content-bar {
    padding-top: 55px;
}
.post_title, h1.page-title {
    font-style: normal;
    font-weight: bold;
    margin-bottom: 6px;
}

Hope this helps...!

Thanks & Regards,
Shruti Jain
InkThemes.com

 

Shruti,

ISSUE 1

I am able to use the two pieces of code below to move the H1 and the content below it:

.content-bar {
padding-top: 55px;
}
.post_title, h1.page-title {
font-style: normal;
font-weight: bold;
margin-bottom: 6px;
}

However, the code below is not affecting anything:

.post:nth-child(1) {
padding-top: 60px;
}

ISSUE 2

If I adjust the .content-bar and .post_title, h1.page-title code above, I am still going to have to adjust the the right sidebar content (title and top of widget). Is the .post:nth-child(1) code supposed to do that? If not, how can i do that?

Again, my goal is to align these elements vertically. I am going to have to play with the variables a little bit, but I need to be able to adjust both the h1/content and the sidebar title/content.

Thanks,
Rex

 

Hi Rex,

Please discard .post:nth-child(1) code.

Your issue will be fixed by applying .content-bar and .post_title, h1.page-title code only.

I have checked your site and found that the code works fine.

Here is the screenshot for the same: https://screenpresso.com/=3Z8V

Send us the screenshot of the area where you facing errors or want changes to be made.

Looking forward to being of help.

Thanks & Regards,
Shruti Jain
InkThemes.com

 

Yes, Shruti, yours perfect thanks.

I'm on another page. I'm sure it's the widget I'm using that's causing the misalignment... but I can't figure out how to fix it! Arghhh.

Please see screenshot attached.

 

Hi Rex,

I would like to ask you if you have made any custom changes in the widget area?

If yes! then you are facing the issues due to the same.

Moreover, if you use the default Widgets provided to you, you will not face such an error( as depicted in the screenshot).

You just have to apply a Title to the Widget and all is done.

Looking forward to your reply.

Thanks & Regards,
Shruti Jain
InkThemes.com

 

Yes, I will have to play with things a little.

Thanks,
Rex