• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Fixed Call to action button is missing vertical align

CyberAP

Well-known member
#1
Call to action button is 1px down from where it should be. That's because of vertical alignment used in inline blocks. To fix this we just need to add vertical-align: top;

Before: call2act1.PNG After: call2act2.PNG
 

Kier

XenForo Developer
Staff member
#5
I've tried attaching vertical-align:top to a.callToAction and I can't actually see it making a difference - what browser does your screenshot come from, and have you attached the CSS rule to an element other than a.callToAction?
 

CyberAP

Well-known member
#6
I've tried attaching vertical-align:top to a.callToAction and I can't actually see it making a difference - what browser does your screenshot come from, and have you attached the CSS rule to an element other than a.callToAction?
It's latest Chrome on Windows 8. I've made changes only to a.callToAction.
 

Kier

XenForo Developer
Staff member
#7
Interestingly, I can see it making a difference under Chrome on Windows 7, but it makes no difference whatsoever under Chrome on Mac.

I'll make the change anyway, as it seems to be for the better.
 

CyberAP

Well-known member
#9
Probably on Mac you have different baseline. Anyway, it's best to always set vertical align for inline blocks.