[HEVER] decrease space regarding PAGE title (permalink)

• 

  studiologa · Member · Apr 9, 2020 at 11:31 am

  • Copy link
  • Add topic to favorites

  Hi, I am using the HEVER theme. I have a Premium pack.

  I inserted a default homepage and all looks good regarding space and design. IMAGE 1

  Now, I inserted a new Page (services), from one of the default “Services Pages” Layout but there is too much space between the title of the page (permalink) and both the a) Menu and b) the actual content.
  IMAGE 2

  I would like, on this service page, if possible to decrease both those spaces so the layout would be more compact and similar to the homepage.

  Is that possible?

  HERE IS THE IMAGE:
  

• 

  staff-blorbo · Staff · Apr 9, 2020 at 8:06 pm

  • Copy link

  Via Custom CSS https://wordpress.com/support/custom-design/custom-css/ add this and adjust as desired:

  .singular .hentry .entry-header .entry-title::after, .page-title::after {
      margin-top: 4px;
  }
  .singular .hentry .entry-header .entry-title::before, .singular .hentry .entry-header .entry-title::after, .page-title::before, .page-title::after {
      margin-bottom: 4px;
  }

• 

  studiologa · Member · Apr 10, 2020 at 1:33 pm

  • Copy link

  Thank you, you have been very helpful. It helped but it is not working 100%.

  If I change the pixel values to the first code, it changes nothing.
  `.singular .hentry .entry-header .entry-title::after, .page-title::after {
  margin-top: 4px;
  }

  If I change the value on the second code to 0 (zero), the title (permalink) space decreases perfectly regarding the menu but the space between permalink and content is still too wide. If I change the pixels to, lets say, 150 it affects both spaces and the permalink gets too wide both regarding the title and content.
  .singular .hentry .entry-header .entry-title::before, .singular .hentry .entry-header .entry-title::after, .page-title::before, .page-title::after {
  margin-bottom: 4px;
  }

• 

  staff-blorbo · Staff · Apr 10, 2020 at 6:06 pm

  • Copy link

  Hm, ok, if you reach us directly from https://wordpress.com/help/contact, we can help you in real time via live chat. That will get you a much quicker solution too. ;)