old background persist in overlay

my problem is that when a page is loading it takes a while before i can see the background image and meanwhile it shows the original background picture from the theme.

That’s usually because your image is too heavy in file size. How big is your background image in KB?

p.s. if it’s over about 100KB I strongly recommend compressing more it using image compression software.

it’s 1,2 mb. i don’t se how that is the problem.
It’s not the fact that is slow. it’s the fact that the original picture in background persist and it show’s up during a transaction

it’s 1,2 mb. i don’t se how that is the problem.

it takes a while before i can see the background image and meanwhile it shows the original background picture from the theme.

Because the default image is only 256KB, it’s visible on the front end before your much larger 1.2 MB image has finished being rendered by the browser.

If you’d like to do a test, try uploading any image that’s smaller than 256KB to see the effect.

Hi, I still have the some problem,.
On the computer is pretty ok now but if you open the weibsite on an iphone, the back ground image is like in the center and another background (from the original template) is still persists on the back. how the hell I can get rid of the first /template image?
Is there any way please?
This is the website: https://www.vinogront.com

Hi Raph, could you please go to Appearance > Background, and click “Remove Background Image”?

well if i do that i will only remove my background image uploaded by me and than I’ll have the old one or either a white screen. the problem here is that the old picture is always in the back? can you see that when you go on my webpage?
you can understand better if you go on my page with a smartphone.

the problem here is that the old picture is always in the back? can you see that when you go on my webpage?

Yes, I do see it.

On my test site, if I upload a custom background image in the dashboard, it stretches to cover the entire window, no matter how big on small. On your site, that’s not happening.

It actually looks like you’ve replaced the background image with a slide show. That wasn’t done through the dashboard, since that’s not a feature of the theme, right?

In the Customizer, under Theme Options, is “Full Page Background Image” checked?

If not, could you please check it?

in customize I do have 2 option for size:

Normal (that ask me the position and eventually to stretch) and

Full size: which is the one i used.

The slideshow is made because i have some plug in that allow me to do it.
But In other pages such as “Event” there is a static image and in that one it happens too.

It probably does because the original size of the picture.

ok i’ve found what you said and I’ve made it and it works now ( it looks like) .
thanks a lot.

Well I have something els to ask you at this point.
Do you know any way to enlarge a bit the button for the menu?
i mean there is a a button you click to open the menu on the right side but I am afraid is too little.

ok i’ve found what you said and I’ve made it and it works now ( it looks like) .
thanks a lot.

Great! You’re welcome.

Do you know any way to enlarge a bit the button for the menu?

You can try adding this to your custom CSS:

.widgets-trigger {
  margin-right: 80px;
  width: 80px;
  height: 80px;
}
.widgets-trigger .fa {
 font-size: 48px;
 height: 80px;
 line-height: 80px;
 width: 80px;
}

Don’t edit the theme files directly, otherwise your changes will be overwritten whenever the theme is updated.

Since you’re already using Jetpack, an easy way to add custom CSS is to activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

I am doing that but it doesn’t make any change.
I go in appearance, then edit css. and there (which has never been used before) under the text:
<</* Welcome to Custom CSS! CSS (Cascading Style Sheets) is a kind of code that tells the browser etc. etc.>>

I added your code.
Is that correct?

Yes, that’s right. Your button looks twice as big as it did before:

If I misunderstood what it was that you wanted to enlarge, let me know.

No, that′s the worn one.
I am talking about the button on top of the page, the one you click on it and you have the navigation menu coming up.