-
AuthorPosts
-
November 22, 2018 at 2:29 am #1036360
Hi guys! I just updated my staging site from 4.4.1 to 4.5 using the plugin method, and I’m having issues with background images. I’ve never had this issue before, would it be because of the new upgrade method or is it due to a change in the theme?
Please see urls in the private content section. The two issues are:
1) The gradient background image used in all content sections is no longer stretched to fill the width of the screen.
2) The separator section in between the content sections no longer has its background image shown, just appears as a black section.Thanks so much for looking into this and letting me know re above whether the update method caused this, and also how to fix it.
Thank you!
Best,
JonathanNovember 23, 2018 at 12:18 am #1036820Hi guys, just an update – this is fixed by going to each content section and removing/re-attaching each background image. Is this a known issue with this upgrade? Is there a quicker way to fix this than to go through the entire site section by section? Thank you for your time as always!
Best,
JonathanNovember 26, 2018 at 7:25 am #1037531Hi Jonathan,
Thanks for pointing out this issues. I think one of the two you mentioned is due to the upgrade method, I’ll go through each one.
1.) This one I’m not really sure if it’s due to the update method, but there’s some probability. Also this can be easily fixed in your custom.css file, line 61, just replace this part:
.section-shadow1 {background-repeat: no-repeat
to
.section-shadow1 {background-repeat: repeat
basically from no-repeat to repeat.
2.) This one is most likely due to the upgrade method since updating manually via ftp shouldn’t cause this issue, since the background image is totally removed.
I think the method to save more time is the updating manually via ftp since most likely it won’t have issue #2 and you wouldn’t spend time re-adding the images. Then as for issue #1 if it’s due to the update method then it should be fixed without doing anything, otherwise, just changing that part of the code in custom.css should remove the issue.
Best regards,
NikkoNovember 26, 2018 at 7:30 am #1037532Thank you Nikko. I did try updating via FTP as well and this issue still occurred. For some reason any update to 4.5 basically “deletes” the background images. They still show in the backend but don’t show in the front end unless they are deleted and readded.
Any other idea why it might have occurred?
Many thanks,
JonathanNovember 26, 2018 at 10:23 am #1037565Hi Jonathan,
I’m not really sure why that’s happening, did you turn the stage site back to 4.4.1 then update manually via ftp?
Can you give us admin access and ftp access on the stage site? we’ll try to inspect it, maybe there’s a workaround for it.
Just post the credentials in private content, so it’s only visible to the moderators.Best regards,
NikkoNovember 26, 2018 at 11:03 pm #1037824Hi Nikko,
Yes it’s weird as we’ve never had this update issue before. What you saw on staging was a fresh clone of our live site pre-update and then I updated via ftp.
I’ve gone ahead and created a fresh pre-update install for you to take a look at, please see url and credentials in private section. I just removed enfold credentials from the dashboard in case it would conflict with the new token I inputted on my live site (so you won’t see an update prompt), but you’ll see 4.4.1 is the version currently active on this install.
You can go ahead and update via ftp and see what happens. You’ll see that even if overwriting our custom.css (so the issue you pointed out with the grey background image shouldn’t apply), the image backgrounds in both types of sections disappear and revert to just solid grey and black respectively. Even though after update the images are still showing in the dashboard UI settings modals they do not show on the front end unless each one is deleted/re-added individually.
Again, if you don’t know why this happened I have been able to work around it but it does take a lot of time so in case this happens again on the next update or if someone else has the same issue it would be great to log a better fix here. Don’t spend too much time though as I know you must be very busy.
Thanks so much!
Best,
JonathanNovember 28, 2018 at 4:38 pm #1038580Hi Jonathan,
Thanks for providing the admin and ftp access to the staging site.
I have updated it and have enabled avia debugger by adding this code in functions.php:add_action('avia_builder_mode', "builder_set_debug"); function builder_set_debug() { return "debug"; }
with this shortcodes generated by ALB is shown, I’ve looked at it and noticed that some attributes in the shortcode, the most notable one is attachment_size=’full’ which seems to be missing in all of those sections that lost their image in the frontend but showing in the frontend. Though I do apologize, I couldn’t really find a better solution on fixing it.
Best regards,
NikkoNovember 28, 2018 at 6:53 pm #1038663Thank you Nikko, I appreciate the time you spent! I updated a few times and this kept happening so probably something with the update – maybe good for you guys to log in case something to fix for future updates as must be happening to others too?
Also, you said you noticed a few other things missing? Is there anything else I need to fix that I may not be seeing easily but that you saw via debug that was changed?
Many thanks,
JonathanDecember 2, 2018 at 1:19 am #1039754Hi Nikko, just following up on the above to make sure before we close this thread – you mentioned some other elements missing? What were these, so I can make sure my site post-update is the same as it was before? Everything other than the backgrounds visually seems to be ok so just making sure I understood what you were referring to. Thank you!
December 3, 2018 at 6:59 am #1040144Hi Jonathan,
I apologize for the delayed response.
This is what I meant with it, for example your Color Section produces this shortcode:
[av_section color='main_color' custom_bg='#000000' src='https://domain.com/uploads/image.jpg' attachment_size='full' attachment='3352' position='center center' repeat='stretch' attach='fixed' padding='no-padding' shadow='no-shadow' id='color_section' av_uid='av-4d2t3i'][/av_section]
after updating it looses the attachment_size attribute, or some other attributes:
[av_section color='main_color' custom_bg='#000000' src='https://domain.com/uploads/image.jpg' attachment='3352' position='center center' repeat='stretch' attach='fixed' padding='no-padding' shadow='no-shadow' id='color_section' av_uid='av-4d2t3i'][/av_section]
this causes the background image not to work properly, I have made a test page where you’ll see this easier to see.
Best regards,
NikkoDecember 3, 2018 at 7:18 am #1040149Thank you Nikko. It was the “or some other attributes” part I didn’t understand. I took a look at the shortcode after fixing via deleting/readding the background image and it looks like it regains that missing attribute as well as others. I think those are the attributes you are referring to (attributes added/needed by the latest version I assume). If that’s the case and nothing else I should do to fix other than delete/readd the images then I think everything should be ok now. You can go ahead and close this thread if you agree. Thank you for all your time!
All the best,
JonathanDecember 3, 2018 at 9:36 am #1040189Hi Jonathan,
Yes, you’re right sorry if I haven’t made it clear. It’s like this:
[av_section attribute='value' attribute='value' attribute='value' attribute='value'][/av_section]
for in this shortcode for example:
[av_section color='main_color' custom_bg='#000000' src='https://domain.com/uploads/image.jpg' attachment='3352' position='center center' repeat='stretch' attach='fixed' padding='no-padding' shadow='no-shadow' id='color_section' av_uid='av-4d2t3i'][/av_section]
color, custom_bg, src are called attributes :)
I’ll be closing this thread then.
Thanks again for using Enfold :)Best regards,
Nikko -
AuthorPosts
- The topic ‘Background image issues post 4.5 update’ is closed to new replies.