"Buy Now" button

[TatD]

Hello,

 

Can you please help me move the "Buy Now" button to the center of the home page?

Where and how can I do that in prestashop 1.4?

My website is below:

 

http://dietmart.com/

 

Thank you!

 

 

[codetheweb]

Hi,

 

On globall.css line 710:

.nivo-caption {
    color: #fff;
    opacity: 1;
    position: absolute;
    top: 250px;
    width: 100%;
    z-index: 89;
}

King regards

[musicmaster]

The trick is explained here: https://www.sitepoint.com/css-center-position-absolute-div/

Summarized: give your div two properties:

 - left: 50%;

 - margin - left: -235px; (half the width; negative; remove the extra spaces...)

 

You should apply that to .nivo-caption at line 710 of global.css

 

Edited July 2, 2016 by musicmaster (see edit history)

[codetheweb]

The trick is explained here: https://www.sitepoint.com/css-center-position-absolute-div/

Summarized: give your div two properties:

 - left: 50%;

 - ; (half the width of the div; negative)

 

You should apply that to .nivo-caption at line 710 of global.css

 

buynow.jpg

 

Hi,

 

You're solution isn't good and proper... Realy, take closer look.

[musicmaster]

You're solution isn't good and proper... Realy, take closer look.

 

There is some filter active that removed part of what I had written. I have now added some spaces to stop it.

 

In the picture you could still see what was intended.

[TatD]

Hello and thank you for your help! I am not familiar with coding...

Would you please give me step by step instructions how to move the "buy now" button to the center of the slider?

Where do I find that line 710?

A lot of changes can be done easily in prestashop but the ones that involve coding, require more knowledge.

 

Thank you very much!

[TatD]

Hello,

 

I tried searching for that line 710 in cpanel but couldn't find it.

Can you please help?

 

Thank you!

[musicmaster]

I don't understand what you are doing. It is line 710 in the file global.css of your theme.

 

You should download and adapt that file. 

 

This is FTP work, not cPanel.