Wide width Styles needed!

  • 1
  • Question
  • Updated 7 years ago
  • Answered
Hello , i am using the wide rounded glass style which apparently is not editable. My website looks really narrow and this is not good at all. I ve been trying for hours to find a style which is wider and editable in banner and background. preferably i am looking for a style to be more than 1150 px width. Unfortunately the preview box and the limited information of the styles does not make it easy at all.

If anyone knows a such a style pls drop me a line.

Many Thanks

Panagiotis
Photo of Reducto

Reducto

  • 74 Posts
  • 0 Reply Likes
  • sad

Posted 7 years ago

  • 1
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi Panagiotis

The Wide Rounded Glass style template has an editable banner. You will be able to check if a banner is editable when you open your Sitebuilder and click on Style > Change Style. When you hover your mouse over the style templates, it shows you which banners and backgrounds are editable. Once you have chosen you style, you will be able to see the size when you click on "Edit Banner" in the Sitebuilder.

It sounds like you would like to have a banner that is wider than the one that is there. The banner width of Wide Rounded Glass is 960px, BUT the width is set to 1050px. If you have a Yola Silver account, you will be able to change the banner width using CSS.

Here is how to do it:
Click on Style > Edit CSS. Enter this in the left-hand panel:

div.layout {
width: 1150px;
}

Hope that is helpful. Let us know if you need more help with this.

Thank you
Nazlie
Photo of Reducto

Reducto

  • 74 Posts
  • 0 Reply Likes
Hello Nazlie, thanks for replying, you save me from so much trouble, i have a silver account and the reason i published my question here is because i contacted the support and they mentioned that my style is not editable. i ll try what you suggested and i ll get back to this topic to let you know if everything is k
Photo of Reducto

Reducto

  • 74 Posts
  • 0 Reply Likes
thats great it works,can you please help me with the banner ? it is 978px with and i want to push it up to 1200 px many thanks
Photo of Reducto

Reducto

  • 74 Posts
  • 0 Reply Likes
all done thanks a lot :)
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi Panagiotis

I'm glad it worked for you! It looks like you managed to change the banner width. Do you still need more help with this?

Nazlie
Photo of Reducto

Reducto

  • 74 Posts
  • 0 Reply Likes
Hi Nazlie, thought it worked but it didnt, it rolled back to the original settings/width and i cant change it again ,ccs editor doesnt seems to work :(
can you do this for me ?

div.layout {
width: 1400px;
}

#sys_banner {
width: 1400px;
height: 200px;
margin: 0 auto;
position:relative;
}
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi Panagiotis

I see that Andi helped you on this thread with the problem and it looks like it worked! :)

Nazlie