Love box cancels full-width background image properties

MCitati · May 2017

Hi!

I've noticed that ONLY IF I choose to show the love box in a Blog section that has as background an image with parallax effect, the section loses its full-width properties.

This seems to happen only on my PC screen (1366 x 768) and not on larger screens.

How can I fix it?

Here is a screenshot of what I mean: https://www.dropbox.com/s/naz8w8z216s5kat/Comparison-love-box.png?dl=0

Website: (at the bottom of the home page)

Bryan · May 2017

Hi,
Did you set the background size to cover in the section?
Please see this screen: http://prntscr.com/fb4vyf
thanks

MCitati · May 2017

Now it works for Internet Explorer and Microsoft Edge (for both the webpage scrolling is quite bad with the parallax effect)...but not for Google Chrome, even if the browser is up to date.

Bryan · May 2017

Since you probably are developing it on chrome, you will have to clear the browser cache.

MCitati · May 2017

Great, thank you!

Another question: what is the css for not showing the Featured Image at the beginning of a Blog post?

(Each blog post has some pictures, which are showed according to a precise order...since I choose the Featured Image among these pictures, I don't like it to appear at the top of my post).

Thank you!

Bryan · May 2017

Edit the post and switch off the image in options.
http://prntscr.com/fdcn5g

MCitati · May 2017

Ok, it works! Thank you!

However, if I add the Featured Images, I get the same problem as before (see the first message of this conversation, please): the blog section with the parallax effect background image loses its full-width properties.

Bryan · May 2017

Just add a class 'full-width' to the section, like this: http://prntscr.com/fdey77

MCitati · May 2017

Still not working

Bryan · May 2017

Please send a screenshot of what is wrong.

MCitati · May 2017

https://www.dropbox.com/s/15yozey5n0meb4i/Blog_section_problem.png?dl=0

Bryan · May 2017

Do you have these settings ?
http://prntscr.com/fds7ff
It just could be that this image is too small, please upload a larger image.

MCitati · May 2017

Yes, I confirm I already have those settings. As regards the image, its size is 849 x 566.

I've now replaced it with a bigger one and in fact it works properly again. Thanks for your help!

MCitati · May 2017

Sorry, it's me again!

What if don't want to show the blog posts' featured images only in the section we were talking about above?

I have defined the "blog-item-homepage" class and added to my CSS:

.blog-item-homepage .single-post .single-photo-wrapper .image_frame { display: none !important; }

...but it doesn't work

Bryan · May 2017

Please send a link to the element you are trying to hide.
Where did you add this class?

MCitati · May 2017

Last section of the webpage

I added the class here:

https://www.dropbox.com/s/a3oav2eh52rkat9/Blog_section_Custom-class.png?dl=0

MCitati · May 2017

I forgot to say that I don't want to show the featured images - when present - in those blog items.

And only in that section of the website!

Bryan · June 2017

This would be the correct CSS

.blog-item-homepage .image_wrapper {
 	display:none !important;
 }

MCitati · June 2017

Yeah, it works! Thanks a lot!!!

Love box cancels full-width background image properties

Comments