Love box cancels full-width background image properties

MCitati

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

MCitati

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

MCitati

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

MCitati

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

MCitati

Still not working

Bryan

Please send a screenshot of what is wrong.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

MCitati

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

Bryan

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

MCitati

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

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

MCitati

Last section of the webpage

I added the class here:

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

MCitati

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

This would be the correct CSS

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

MCitati

Yeah, it works! Thanks a lot!!!