< Solved > Changing Position of Add to Cart & View Button

[Vilas]

Hello Friends,

 

I am using PS 1.4.5 & I wish to change position of Add to cart & view button in new line. It will be great if anyone help me. Please find image for referance.

 

Thanks

Edited November 14, 2012 by Vilas (see edit history)

[Vilas]

Anyone aware of how to resolve it?

 

Thanks

[tdr170]

Edit global.css and change the following: (in my developer tool it was line 1016)

 

change this

 

#center_column .products_block a.button, #center_column .products_block a.exclusive, #center_column .products_block span.exclusive {

float: right;

padding: 0 0 0 12px;

}

 

 

to this

 

#center_column .products_block a.button, #center_column .products_block a.exclusive, #center_column .products_block span.exclusive {

float: right;

padding: 0px 0px 0px 0px;

margin:0px 5px 5px 0px;

}

[Vilas]

Dear Friend,

 

Thanks for paying attention. I tried your solution but it not worked. Any alternative on it?

 

Best regards,

[tdr170]

Actually it does work you will need to turn force compile to on and cache off under preferences/ performance and you may need to clear your browsers cache and the cache & compile files under tools/smarty using your FTP. (don't delete any index.php files from smarty cache & compile folders)

 

You can also try hitting F5 to refresh the page if you still don't see the changes clear your caches.

 

In the first post I made I just moved the buttons apart (1st pic) then I notice you want to move to a new line so I re-did the code. (2nd pic).

 

 

 

 

#center_column .products_block a.button, #center_column .products_block a.exclusive, #center_column .products_block span.exclusive {

float: right;

padding: 0px 0px 0px 0px;

margin:45px 5px -40px 0px;

}

 

[Vilas]

Dear Friend,

 

Thanks it worked . But they are not in center. I wish to move all field like price, view, add to cart & name of product in center place. Any solution on it?

 

Please find image for referance.

 

Thanks

[Vilas]

Hi Friend,

 

I did some changes in margin once again which you suggested earlier & issue resolved. Only thing is that price line is not appearing in center. It will be great if you guide me only for that now.

 

Thanks

[tdr170]

OOOOps just looked at your site seems you figured it out.

Edited November 14, 2012 by tdr170 (see edit history)

[Vilas]

Dear Friend,

 

Only thing is that price line is not appearing in center. It will be great if you guide me only for that now. Also is it possible to reduce hight of product field in featured product?

 

Thanks

[Vilas]

Dear Friend,

 

One more member suggested solution on my query. Here is that

 

There are few css styles to change in global.css.

Try this, around line 1007 change code to this

 

#center_column .products_block span.price {

display: block;

font-family: BebasNeueRegular;

font-size: 17px;

font-weight: normal;

padding: 5px 0 0 11px;

width: 92%;

}

 

 

then around line 1017 change code to

 

#center_column .products_block a.button, #center_column .products_block a.exclusive, #center_column .products_block span.exclusive {

padding: 0px 0px 0px 0px;

margin: 10px auto;

}

 

 

And that should be it. You can adjust padding and margin values if you want.

 

That also worked.

 

Many thanks to you who paid attention really you are absolutely nice man

 

Best regards,

Vilas

Edited November 14, 2012 by Vilas (see edit history)