AbanteCart Community

Shopping Cart Operations => Support => General Support => Topic started by: buddahboy on November 20, 2013, 12:51:27 PM

Title: Footer contact us block does not show address icon
Post by: buddahboy on November 20, 2013, 12:51:27 PM
Greetings,

The footer contact us block shows the telephone and the email icons but does not show the address icon - screenshot attached

I see in the /storefront/view/default_html5/stylesheet/style.css that there is the following:

}

.contact li>span {
   background: url(../image/sprite.png) no-repeat 0 0;
   display: inline-block;
   width: 30px;
   height: 30px;
}

.contact li>span.phone {
   background-position: 0 -502px;
}

.contact li>span.mobile {
   background-position: 0 -555px
}


.contact li>span.email {
   background-position: 0 -613px

}

And in the block there is code for those (and they show) plus an additional:

<li>
      <span class="address">&nbsp;</span>help at abantecart.com</li>

I added:

}

.contact li>span.address {
   background-position: 0 -613px

}

to the stylesheet but no go -- any help on this would be much appreciated. 

Thank to all for the help and assistance - makes using AC a great experience!

All the best,
Ron
Title: Re: Footer contact us block does not show address icon
Post by: Basara on June 17, 2014, 07:48:10 AM
Hi.
Sprite image is located here ..\storefront\view\default_html5\image\sprite.png

You can change image and show part of sprite image using css code
background-position: 0 -502px; (change  502px to where located icon on sprite image)
Title: Re: Footer contact us block does not show address icon
Post by: buddahboy on June 17, 2014, 10:55:58 AM
Thanks Basara