How can I reduce the spacing between the head and the body section on my pages?

  • 1
  • Problem
  • Updated 6 years ago
  • Solved
  • (Edited)
How do i make my page sit higher?? The imaging and text is sitting lower towards the middle of the page...Is there a way to raise this so it sits higher on the page..
Photo of unlimitedprosperity72

unlimitedprosperity72

  • 4 Posts
  • 0 Reply Likes

Posted 6 years ago

  • 1
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello UP,

This is a function of your chosen style so you may like to look at other styles.

There generally is a workaround requiring some change to the CSS to allow this to work but once again may be limited by your style. CSS changes across your site are most effectively changed by subscribing to Silver but can be induced by adding the code to each displayed page if you are on Free or Bronze.

If you can tell us your site address we can have a look at this and see what may be involved.
Photo of unlimitedprosperity72

unlimitedprosperity72

  • 4 Posts
  • 0 Reply Likes
Sure...Here it is...

http://unlimitedwealthprosperity.yola...

I do have a silver account...

Thanks,
Chris Fondie
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Thanks Chris,

I have examined the page and can see that there is a reserved area not used so it appears empty. The area coloured light blue

I don't know how to remove this but someone from Yola or another person maybe able to help you. Its removal would move the page up by the outlined amount.



You can click on the image to enlarge it
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Chris

As Gop explained, you can edit your sitewide CSS as a Yola Silver customer. To do that, you must open your Site CSS Editor in the Sitebuilder by clicking on Style > Edit Custom CSS in the blue main navigation bar of the Sitebuilder.

When I opened your Site CSS Editor, I noticed that your Site CSS had been edited before, and later the Style was changed. In the override box on the left hand side, I also found a warning that HTML code had been added to the CSS which had to be auto-corrected. Please uncheck the checkbox next to "Disable SIte CSS overrides" and check if you still need the CSS code that is there. The preview on the right hand-side seems to be alright with the existing CSS code, but I'm not sure if you should remove, correct or leave the existing CSS. You or the person who did this CSS code for you should check this carefully.

Then you can try adding this CSS code into the left override box:
#header h1 {     padding: 0px;

}

This will remove the spacing between the page heading section and its environment on the page, which will move the body section of your pages further up.