Align Center on Main Page

Question

Hi,

so I made this page (https://www.forcesavenir.qc.ca/index2banieres.html), I want it to look like this. But I cheated on the PNG by leaving large blank space on the left. So on mobile version or if you resize the windows, everything is displaced.

Is there a way to achievement something like that that will look good ? I can't find a way to align my images in center of the page. Anything I put in this : <section id="slider" class="slider-element slider-parallax swiper_wrapper full-screen force-full-screen clearfix">. result of being aligned left.

Looking for a way to fix this for some months now, thank you.

SemiColonWeb · Accepted Answer

Hello,

This is Definitely Possible. Simply consider wrapping your image and content inside the .slider-caption DIV. Example:


&#x9;

You can also check this example to see how the Texts are aligned in the center of the Slider.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.