I am using the midnight style template,why i cant use the whole width space,there is a lot of wasted space!!!

  • 1
  • Question
  • Updated 8 years ago
  • Answered
I am using the midnight style template,why i cant use the whole width space,there is a lot of wasted space,and i really need to use the entire page,also i cannot switch to any other style,this one match my website idea
can u help
thx waiting for a reply
Photo of georgerizkallah

georgerizkallah

  • 34 Posts
  • 0 Reply Likes
  • frustrated

Posted 10 years ago

  • 1
Photo of Guido Graphics

Guido Graphics

  • 558 Posts
  • 41 Reply Likes
I believe most templates are designed so that they fit on a standard monitor without having to scroll across the page. A smaller type face might help make more fit on the page.

This is to your advantage from a design standpoint. It's also best to keep the important info before the page break... the point where you have to scroll down to see more.

You are always better off (as to being easy to read) if you have more pages as opposed to real long pages.
Photo of georgerizkallah

georgerizkallah

  • 34 Posts
  • 0 Reply Likes
ok thx
Photo of condo58

condo58

  • 130 Posts
  • 6 Reply Likes
That answer makes not sense. I have seen other yola sites have a lot less 'wasted space' on either size. It has nothing to do with the size of the print. This side space would be a great place for ads and I would like to use it.

I have also noticed that I can expand the margin on the right to use more of that side space to the right, when I am using two html widgets in a double column (one per), but I cannot do the same on the left? Why is that? Surely there must be a way to also expand the limitations on the left as well so the items look more centered on the page and also use up more of that wasted space?
Photo of condo58

condo58

  • 130 Posts
  • 6 Reply Likes
Let me try that again. Typo's and lack of coherence.

That answer makes no sense. I have seen other yola sites which have a lot less 'wasted space' on either side of their content, in other words they have much smaller margins. It has nothing to do with the size of the print they are using. They somehow are able to add more content across the width of their pages. This side space would be a great place for ads and I would like to use it if I could (using the midnight layout).

I have also noticed that I can expand the margin on the right to use more of that side space, when I am using two html widgets in a double column (one per column), if the widgets are of a large size. However, I cannot do the same on the left margin. This leaves the items looking off-center relative to the rest of the content on the page. Surely there must be a way to also expand the limitations on the left as so the items look more centered on the page and also use up more of that wasted space?
Photo of Will

Will

  • 224 Posts
  • 4 Reply Likes
I know what you are saying. A site I quite often visit hosted by yola is Nathansmusicstudio.cz.cc, and it had things on the right hand side and right at the edge, but my site, therecipebook.org, has a lot of wasted space at the side, where I cannot put anyhting into. I am using exactly the same template and on a couple of pages I tested the layout, but it still doesn't work.
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hey Will,
I am sure Nathan will comment on how he makes it happen on his site :)
Cheers!
Photo of Will

Will

  • 224 Posts
  • 4 Reply Likes
I know this was a delayed thing, but he uses a cde to allow him to do this. I'll post it later, when i can find it and work out how to display it.
Photo of Will

Will

  • 224 Posts
  • 4 Reply Likes
Here is the code:

<!--

<div style="position:absolute; top:0px; left:0px; ">

<a href="INSERT THE LINK YOU WANT VISITORS TO GO TO WHEN THEY CLICK. LEAVE BLANK IF NOT WANTED">
<img src="IMAGE URL HERE"
alt="ALTERNATE TEXT HERE"/></a>

</div>

-->

The image you insert into this code will be displayed in the top left corner. To see an example, please go to therecipebook.org. The image is there at the time of writing.

Change the position tags to change the image's position. I don't know the extent of your HTML knowledge, but if you want more help, google search HTML position tags