Full width background

alfredocasares · April 2016

Hi there,

I'm trying to put some background images in differents places of my website and place inside an iframe player, but I can't choose the original size of the image, full width and height. It always put some effects like Parallax. Any suggestions?

My site:
http://especiales.diariodenavarra.es/osasuna/

Any help will be welcomed.

Thank you.

Albert · April 2016

Hi,

if you don't like parallaxes and similar effects, you can always set FIXED background for section.

alfredocasares · April 2016

Hi,

Now I have found my problem. In the image background options, there is this one: Center No-repeat Fixed Cover. Is there any chance to put only Center No-repeat Cover, with no Fixed?

That would solve all my problems.

Thank you very much.

Albert · April 2016

To reset fixed position for sections, you need to use extra css:

.section { background-attachment: unset !important; }

alfredocasares · April 2016

Where should I put this extra css?

alfredocasares · April 2016

Done! It works perfect.

Thank you very much for your help.

Albert · April 2016

You're welcome!

alfredocasares · May 2016

Hi there,

I'm trying to use the .section { background-attachment: unset !important; } code on my page, but I dont know exactly where to put it.

This is my web page: http://especiales.diariodenavarra.es/navarros-jjoo-rio/.

I want the Center No-repeat Cover, with no Fixed, in the image below de player.

Thank you very much.

Albert · May 2016

Each custom css need to be put under Theme options > Custom CSS & JS > Custom CSS section.

alfredocasares · May 2016

I put it there, but it is not working.

Is there any tag (#) that I should use above? For example, #Content, #Subheader...

Thank you very much.

Albert · May 2016

No, there is nothing like that. We suggest to move above css on 1st position because if you did any mistake in custom css section, any css below that mistake won't work. However, if this won't help, you must turn off parallaxes for each sections individually because we have no other solution for what you need.

alfredocasares · May 2016

I have deleted all css classes and put only ".section { background-attachment: unset !important; }" in the box. But the image still remains the fixed value.

Any solutions?

Thank you. I am working with de Music demo template

Albert · May 2016

If it does not work then we do not know any other css that might work in this case. Like we wrote above, you must turn of parallax for all backgrounds in sections individually thru Muffin Builder.

Full width background

Comments