How can I display more of my background image?

  • 1
  • Question
  • Updated 7 years ago
  • Answered
I have chosen to use the 'bright ideas' page as a template, how can I increase the space at the top of each page so that I can display more of my background image?
Photo of Tom

Tom

  • 6 Posts
  • 0 Reply Likes
  • excited

Posted 7 years ago

  • 1
Photo of Brandon

Brandon

  • 243 Posts
  • 33 Reply Likes
Hi there Tom!

If you are a Yola Silver user, you can do this by making a simple CSS override. First of all, click 'Style' in the top toolbar, then click 'Edit custom CSS'. Then paste the following in the blank edit section:

body {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
padding:0px 0px 0px 0px;
}


You can change the value of the first 0px next to 'padding' to whatever you wish, depending on how far you want the content of the site to move downwards. The higher the value, the further down the page it will be. What's great about this is that it will be applied to all of your pages, so no need to waste time doing it to every page manually!

I hope this was helpful! Let me know if you have any queries.

Regards,
Brandon :)
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hi Tom,
That's a good question! If you upgrade to Yola Silver from Yola Bronze, you will receive a 30% discount when you upgrade and purchase Yola Silver. You will then still receive a domain credit to purchase a new domain name or renew an existing Yola-bought domain name for an additional year, which also includes domain privacy registration for that year. I hope this information is helpful!

Kind Regards,
Emmy
Photo of Tom

Tom

  • 6 Posts
  • 0 Reply Likes
Thank you, you've been very helpful.
One more question......
With Yola Silver would I also be able to move the menu tabs so that they align to the right side of the page (instead of the left)?
Thanks agian,
Tom
Photo of Brandon

Brandon

  • 243 Posts
  • 33 Reply Likes
Sure thing! There's a bit of CSS in that template that says

div.ys_nav ul li {
float:left;
padding:0 5px 0 5px;
}


All you'd need to do is change float from 'left' to 'right' :)
Photo of Tom

Tom

  • 6 Posts
  • 0 Reply Likes
Thank you
Photo of Brandon

Brandon

  • 243 Posts
  • 33 Reply Likes
No problem. If you ever have any other questions feel free to ask! I'm glad to help.
Photo of Tom

Tom

  • 6 Posts
  • 0 Reply Likes
I have chosen to use the 'bright ideas' page as a template, how can I increase the space at the top of each page so that I can display more of my background image?

This reply was created from a merged topic originally titled
How to display more background?.
Photo of lauren scott

lauren scott

  • 9 Posts
  • 0 Reply Likes
Hello I too am having difficulties with my back ground image, every time i upload one it zooms in and creates a very bad quality image, I just want it to upload the image I have originally chosen and not alter it...please can you explain in basic terms what I need to do??? much appreciated, Lauren
Photo of Philip Taylor

Philip Taylor

  • 355 Posts
  • 66 Reply Likes
Resize it to about 880px wide before you upload it