Remove spacing at the top of blog posts title

[wayward_studio]

I am looking for a solution to a blog title problem i keep facing.

Currently I am using a custom text box on the swiftpage builder in order to create the title, instead of the other options present. I am not a fan of the hero header however I am not sure if I am overlooked something obvious to make this title larger in size (scalable across what device it is viewed on) and closer to the top of the page.

I have tried removing the spacing at the top but then what happens is that the sidebar is flush with the yellow bar at the top of the page so this is not an option.

thank you for your assistance.

Adam

[wayward_studio]

Still looking for an answer to this.

Thanks

[David Martin – Support]

Hi Adam,

What specifically do you want to do with the Hero Text? Simply change the size for Desktop/Tablet & Mobile?

Thanks.

[wayward_studio]

I guess the issue is two fold.

1. I’d like the titles of blog posts not have such a large gap at the top. At the moment I am using a text box in swift builder to make the headings, can this be done to look the same using one of the many title features available?

2. How can I make the H1 tag I am using for blog titles larger without running into problems elsewhere on the site that uses H1 / on size issues across mobile and ipad devices?

Does this make sense?

[Rui Guerreiro – SUPPORT]

Hi,

Regarding your issues.

1) Add the code below to your custom css option, at the moment the padding-top value is 60px so the code below will reduce it in 40px. Adjust it to the desired spacing.

.type-post.single-post-standard, .type-post.single-post-standard-above {
    padding-top: 20px!important;
}

2)
This will only affect the h1 inside the blog post pages.
Add the code below to your custom css option.

.single-post h1 {
    font-size: 40px;
}

Hope it helps.

-Rui