[Solved] Center "Image Slider for Your Homepage" Module

[patricia.rd.93]

Hello.

 

I would like to know how to center "Image slider for your homepage" module, as I have it now as you can see on the screenshot "Captura.png" that I attach. I want it to be as you can see on the screenshot "Captura2.png" that I attach.

 

I have PrestaShop 1.6.1.4. and I use default-bootstrap (version 1.0) theme.

 

Regards.

Edited April 15, 2016 by patricia.rd.93 (see edit history)

[Prestachamps]

Hi,

with FTP client, or file-manager from Cpanel open the file : /themes/default-bootstrap/css/modules/homeslider/homeslider.css

 

and add at the end of the file the following 2 lines:

#homepage-slider{ width: 100%!important; }

.bx-wrapper{ margin: 0px auto!important; }

 

Kind regards, Leo

[coreygun]

I'm actually after the exact opposite!

 

My slider used to be on the right with something to the left of it, but then since installing a new category list to go on the left, the slider is automatically centered on its own hook, but I want it next to my categories!

 

https://www.prestashop.com/forums/topic/518462-hookmodule-positioning/

[coreygun]

Leo, As you seem to know about this slider module, do you know why when I go to the live edit mode, and move the slider which is currently in the middle top of my homepage, and drag it to the right column where it appears below the 'new products' section, it now appears twice, and the one on the right is not responsive and doesnt show all the frames either.

 

http://www.snobscustoms.com

[patricia.rd.93]

 

Hi,

with FTP client, or file-manager from Cpanel open the file : /themes/default-bootstrap/css/modules/homeslider/homeslider.css

 

and add at the end of the file the following 2 lines:

#homepage-slider{ width: 100%!important; }

.bx-wrapper{ margin: 0px auto!important; }

 

Kind regards, Leo

 

 

Hello.

 

Perfect. Thank you very much.

 

Regards.

[Prestachamps]

hi,

would you mind mark the topic a solved?

If you don't know how to do it, here is the explanation:

To mark a topic as [solved] :
- Edit the first post of your topic by clicking on the "Edit" button,
- Click on the "Use full editor" button,
- Add the "[solved]" string at the beginning of your topic title and click on the "Submit Modified Post" button.

Regards, Leo