ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• March 12, 2017 at 5:58 pm #316947
  wayward_studio

  Member

  Post count: 71

  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

  March 14, 2017 at 3:20 pm #317161
  wayward_studio

  Member

  Post count: 71

  Still looking for an answer to this.

  Thanks

  March 15, 2017 at 5:36 pm #317343
  David Martin – Support

  Moderator

  Post count: 20834

  Hi Adam,

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

  Thanks.

  March 15, 2017 at 5:49 pm #317347
  wayward_studio

  Member

  Post count: 71

  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?

  March 16, 2017 at 1:15 pm #317436
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  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

• Back to forum

  Posted in: Atelier