Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

CSS Button style
 
eddygeniecloud
Jr. Member
 
Total Posts:  6
Joined:  2012-12-28
 

Hi guys, i have a magento and all is well.

Apart from the upsell section on the product pages, the details button will not have even padding around it.

http://www.bestpricelightingandelectrical.co.uk/led-lighting/led-ceiling-lights/collingwood-mf02ipwh-ip65-adjustable-mini-floodlight-1w-white-led-stainless-steel.html

That is an example, any suggestions will be really appreciated, i have tried alsorts and simply cannot get a 10px padding underneath the word details.....am i doing something stupid? lol

Thanks in advance smile

 
Magento Community Magento Community
Magento Community
Magento Community
 
Template fans
Guru
 
Total Posts:  446
Joined:  2009-11-02
 

It seems details button is OK on your expamle page.

 
Magento Community Magento Community
Magento Community
Magento Community
 
ixtab86
Member
 
Total Posts:  58
Joined:  2011-11-02
 

imho it’s alittle bit wrong displayed.
styles.css line 830, add:

displayinline-block;
line-height1.2em;
and change padding to: 6px 30px.
will look a lttle bit better
 
Magento Community Magento Community
Magento Community
Magento Community
 
eddygeniecloud
Jr. Member
 
Total Posts:  6
Joined:  2012-12-28
 

ixtab > Excellent! Worked perfectly, thankyou very much! It seems i overlooked the line-height option a little bit lol smile

Thanks again

 
Magento Community Magento Community
Magento Community
Magento Community
 
ixtab86
Member
 
Total Posts:  58
Joined:  2011-11-02
 

line-height was taken from parent element and changing it without changing display mode wouldn’t do anything. The key was to set this button to be displayed as inline-block. Check how it looks with IE - might be a little problem

 
Magento Community Magento Community
Magento Community
Magento Community
 
eddygeniecloud
Jr. Member
 
Total Posts:  6
Joined:  2012-12-28
 

Looks fine in IE as well smile

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top