Can't change banner

  • 1
  • Question
  • Updated 6 years ago
  • Answered
I changed the custom CSS to make the banner on my site (http://sarongtoko.yolasite.com) smaller but now for some reason I can't change it anymore. I can add a new picture and crop it and it shows up fine but when I publish it I just see a picture of the previous banner and then when I go back to the sitebuilder I see that the banner has also changed to the previous one. When I crop the image I see the new picture but then the whole process just repeats itself.
Is this a bug? or is it something in my custom CSS?

Custom CSS:
div.header_divider {
background:url(http://s1.yolacdn.net/V0023898/templa...) repeat top center transparent;
_behavior: url(http://s1.yolacdn.net/V0023898/templa...;
height:0px;
display:block;
width:100%;
margin:-3px auto 0;
padding:0;
position:relative;
z-index:5;
}

div.ys_banner_wrap {
background:url(http://s2.yolacdn.net/V0023898/templa...) no-repeat top center transparent;
_behavior: url(http://s1.yolacdn.net/V0023898/templa...;
width:956px;
height:90px;
margin:-350px auto 0;
padding:0;
position:relative;
z-index:10;
}

#sys_banner {
background-image: url(resources/Photoxpress_2060915_1.jpg.cropped945x338o0%2C-228s610x366.jpg);
_behavior: url(http://s1.yolacdn.net/V0023898/templa...;
height:80px;
width:945px;
margin:0 auto;
padding:0;
top:4px;
left:6px;
position:absolute;
}
Photo of Sarongkopen.nl

Sarongkopen.nl

  • 51 Posts
  • 1 Reply Like

Posted 6 years ago

  • 1
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi sarongtoko,

Can you reset your banner to the default but before that Cut your CSS over-rides pertaining to your banner and store it as a text file for safety.

After you have reverted to the default (for all pages) then paste your over-ride CSS again. I hit something similar with backgrounds a while ago and this got me out of the situation for that aspect. I can only suggest trying this and I think that you are right it is looking like a bug or a very rigorous process of correction :)

Gop.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
make sure that you save after setting it back to the default and before pasting your over-rides again.
Photo of Sarongkopen.nl

Sarongkopen.nl

  • 51 Posts
  • 1 Reply Like
when I remove the custom CSS I do see my new banners so I guess there's something in my css code.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Firebug is good for exploring these issues as well. It's not immediate but it can show you the general area of the problem.
Photo of Sarongkopen.nl

Sarongkopen.nl

  • 51 Posts
  • 1 Reply Like
I don't see anything wrong in firebug, or I don't know where to look.
I messed around with:
div.ys_banner_wrap
#sys_banner
and div.banner_overlay_shadow
and now the size of the banner is right but I get the same banner on every page.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Sarongkopen.nl

If you set your banner image in the Site CSS override box, it will be applied to all pages of your website because the CSS are applied sitewide for any setting that you add there.

If you want a different banner on every page of your website, you must add the same code with a different banner picture to each page of your website by using an HTML Widget that you place at the top of the page. You will then need to put your code between these tags:
<style type="text/css">

</style>
Photo of Sarongkopen.nl

Sarongkopen.nl

  • 51 Posts
  • 1 Reply Like
I just noticed that I do get a different banner on every page when I visit the mobile version of the site. Anyone got a clue?