How to change style without it affecting banner?

  • 2
  • Question
  • Updated 6 years ago
  • Answered
How do I utilize all the screen? (can't use white space at two sides) Do I have to change style? and if yes how can I make my current banner stick or be the default so that changes would to style would not affect banner?

my website is kissbarbados.com - u can see the sides are empty
Help
Photo of Craig

Craig

  • 72 Posts
  • 0 Reply Likes

Posted 9 years ago

  • 2
Photo of Marije

Marije, Official Rep

  • 4636 Posts
  • 237 Reply Likes
Hi Craig,

Currently the styles don't give you easy access to the white spaces on either side of your style. We usually suggest that you try a style that is wider if you need more space. The four blank styles (NoFrills, BareNecessities, CleanSlate and SqueakyClean) are quite wide and offer top and side menu's as well as a banner area if you choose to use one.

The reason for the styles having this region is to to prevent people with smaller screens from having to scroll horizontally to see your page. This is something most people find very annoying, so we have tried to use styles that will look good on everyone's computer as much as possible.

However, there is a workaround to moving content into the left or right-hand sides. If you add a widget, and click on Properties on the right - you will be able to change the margins with positive or negative numbers. This will move the widget and that way you will be able to push it into those areas.

These styles also allow a bit of customization in terms of changing the background color/image and you can find those steps here: http://www.yola.com/customer-support/....

If you change the style, you will lose the banner image and have to re-add it. This is something that we will be changing soon. It may also help to know that not all styles have the same size allocated to the banner area, so you would probably need to edit the banner anyway.

You may find our Style Guide useful: http://www.yola.com/yola-style-guide.

Please let us know if you have any other questions.
Photo of Craig

Craig

  • 72 Posts
  • 0 Reply Likes
I believe this helped will try it when I am awake
thanks
Photo of Rizan

Rizan

  • 219 Posts
  • 1 Reply Like
Great to know Marije! I too had this question.
Photo of stonesings

stonesings

  • 61 Posts
  • 0 Reply Likes
Hi Marije,

I have the same question re: changing styles and keeping the banner. I put too much work in to lose my banners. Has Yola upgraded so we can keep the edited banners?
Thanks
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Banners are retained on a per style basis now. What that means is if you upload a banner while using Clean Slate and then change to Rounded Glass, you will need to re-upload your banner which is still saved in your File Manager to Rounded Glass but should you revert to Clean Slate your banner will already be recalled. Banners cannot port from style to style because the dimensions vary per style.
Photo of stonesings

stonesings

  • 61 Posts
  • 0 Reply Likes
Got it. Thanks, Laura. I have a new frustration: the File Manager retains EVERY attempt we make at editing a banner, without changing the label. I have all these files I'd like to discard, but can't for fear of discarding the good one. Using the Zoom doesn't help, as there is large sized text scrolled across the photo, and the display doesn't show the entire banner. As I've used a different banner photo for each website page, my File Manager is now a disorganized mess. Is there a way to label each edit? Or ask it not to save a particular edit?
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello stonesings

I'm not sure if I'm getting you right, but when you speak of labels, do you mean the file names? The Yola File Manager cannot store two files of the same name and file format in the same folder. So your banner image must have a unique file name. If you view the source code of a page of your live website, you will find a URL to your banner image which tells you the name of the current file used.
Photo of stonesings

stonesings

  • 61 Posts
  • 0 Reply Likes
Hi Stefan, then something is weird. The Yola FM certainly does store more than one file of the same name. Even the file # is the same.

As I fiddled with individual banners for individual web pages, it stored every single edit without differentiating between them. If I played with one image six times to fit a banner, it stored six of this image, each in slightly different positions. Which makes it frustrating to later go in and readjust; I have to try each one in turn.

Is there a way I can let you into my file manager to take a look?

Thank you.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
That sounds interesting. I'm able to access your File Manager, and I will keep you updated on this thread.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello stonesigns

I have checked your Yola File Manager, and as I presumed, there is no file with the same name twice. To view the full file name please hover over the abbreviated file name at the bottom of a thumbnail, and you will be displayed the full name. These names are all slightly different.

The best way to add a banner to your Yola website is to first check the size of your banner area (displayed in the bottom left corner of the Banner image editor), and then upload the banner image to an Image Editing programme like Adobe or Pixlr.com in order to crop it to the exact dimensions of your Yola banner area. Once done, you can upload the edited version to the banner area of your Yola Style template.

The Yola Banner Image Editor is actually designed for quickly adding a banner if an image editing programme is not available. For advanced use and to keep your File Manager clean, I would recommend to use an image editor first, and then upload the edited image to your Yola File Manager where you can even first create a folder to get a better organisational structure. To add it to your banner area, you must just choose the option "Browse uploaded banners".

Hope this helps. If you need further assistance, please let me know, and I'll be happy to help.