Andrew Gilmour5879596
Posts: 0
Joined: Wed May 22, 2013 1:22 pm

Middle align icons

Hi,

We have managed to create a navbar with new icons using css script we found on a previous post on the forum. The one thing I can't work out is how to align the icons vertically so they are centered. At the moment there is a lot of white space under the icon. We want to shift them down slightly so they are in the middle. Can you suggest a way of doing this. Here is an extract of the CSS we are using:

[dsid=mobilenavbaritem1] .ui-icon {
background: url("http://skylime-apps.s3.amazonaws.com/...") no-repeat;
background-size: 32px 32px;
height: 50px !important;
margin-left: -15px !important;
width: 50px !important;
}

[dsid=mobilenavbaritem2] .ui-icon {
background: url("http://skylime-apps.s3.amazonaws.com/...") no-repeat ;
background-size: 32px 32px;
height: 50px !important;
margin-left: -15px !important;
width: 50px !important;
}

Thanks

Andrew Image

maxkatz
Posts: 0
Joined: Fri Aug 13, 2010 3:24 pm

Middle align icons

I don't have a solution of the top of my head.. should be possible to do via CSS.

Andrew Gilmour5879596
Posts: 0
Joined: Wed May 22, 2013 1:22 pm

Middle align icons

Hi Max,

No problem. If one of the team has a brain wave the we'd love to know it - it's beyond our css skills.

Kind Regards

Andrew

Return to “Issues”