cancel
Showing results for 
Search instead for 
Did you mean: 

Homepage Slider Aligned Left instead of Center.

Homepage Slider Aligned Left instead of Center.

Please see http://socalelectricbikes.com and see that the homepage slider is pushed to the left. 

 

(I believe this may only happen on small monitors) I have a 13.2" macbook pro. 

 

How do I fix this?

3 REPLIES

Re: Homepage Slider Aligned Left instead of Center.

Big screens have this issue too. Have a look:

https://www.gyazo.com/664496ea7514868d06670ea10cf67077
https://www.gyazo.com/1506479730b5f28cdcbaab51a1a54fe3

Try to add the following rule to your CSS:

#slider_welcome {
    margin: 0 auto;
    max-width: 680px;
}


https://www.gyazo.com/fcbce693c247e7207a070c31ccb32640

680px is the width taken from the child element of the slider block.

______________________________________________________________
Innovative, top-performing Magento Extensions (with an array of FREE tools).

Re: Homepage Slider Aligned Left instead of Center.

Thank you MagWorxTeam, How can I find the correct path to this CSS file? Thanks. 

 

 

Re: Homepage Slider Aligned Left instead of Center.

I have located the file path:

frontend/affinity/default/template/rokmagemodules/rokmage-contentslider/rokmage-content-slider.phtml

 

Now I need to know, on what line do I insert this snippet?