[Emily]

Hello
Can I move the Page title (e.g. when you click through to a submenu page) to the primary content area, and remove the top div from the page?
Thank you!

[Theme Horse Support Team]

Hi Emily,

To move the page title to the content go to Appearance > Customize > Additional CSS and paste the below CSS code then click on Save button.

#main {
    padding: 0;
}

And can you please clarify which top div your are asking to remove?

Thank you!

[Emily]

Thanks.

I think this might overwrite an adjustment I already made.

Basically my site has three pages types:
– the homepage with the blogroll grid
– submenu pages from the category links (this is the page type I’m referring to in this post, where I want to move the page title down to be closer to the submenu grid)
– content pages

It seems that the #main padding command works for the spacing in the grid, (so the homepage and content pages now work how I’d like them to) but the page title exists in a separate div above this.

My site is emilyblandford.com, hopefully that helps in context.

I currently have the following custom CSS to change the spacing:

#main {
    display: block;
    padding: 30px 0px 0;
}

@media only screen and (min-width: 768px) {
#main {
    padding-top: 240px;
}

#site-logo {
        padding-top: 80px;
        padding-bottom: 0px;
}

.entry-main {
    padding-top: 0px;
}

[Theme Horse Support Team]

Hi Emily,

Yes there is some override CSS into you custom CSS code.
Please remove below CSS code from your custom CSS which is overriding the CSS that we have provided.

#main {

    display: block;
    padding: 30px 0px 0;
}

And there is missing large bracket } in media queries min-width: 768px that you have added into the custom CSS please replace your media queries CSS with the below one:

@media only screen and (min-width: 768px) {
	#main {
		padding-top: 240px;
	}

	#site-logo {
		padding-top: 80px;
		padding-bottom: 0px;
	}

	.entry-main {
		padding-top: 0px;
	}
}

Thank you!

[Author]

Posts