Add image to Top Links

Hi everybody,

Is there anybody that can help me with this problem.. Due to new cookie restrictions I need to add an image to one of my toplinks.. In customer.xml I have added the following code:

HTML Code:

<reference name="top.links">
  <action method="addLink" translate="label title">

and this adds the link to the cookie page, but how do I insert an icon before the link text.. You can see the page here:

I hope someone can help me.. Have a great day..

Jonas D. Morbech
Outdoor Adventure

4 answers

Profile photo of Jonas Morbech 0.00 $tone June 28, 2014

Hi Saguaros,

I have tried to add class: private-cookie and styled it in css, but the icon wont show. Do you have a suggestion on how the css should be..??

Best regards,

Jonas D. Morbech

Profile photo of Seoki Lee 1510.00 $tone June 30, 2014

Please open the file /skin/frontend/default/jm_sporty/css/styles.css, after the line 334:


.shop-access li {
    background: url(../images/sep-vdot.png) no-repeat right 3px;
    display: inline;
    height: 11px;
    line-height: 11px;
    padding: 0 15px;

Add this rule:


.shop-access li.private-cookie {
	background: url(../images/your_background.png/jpg/gif) no-repeat top left;
	padding: 0 15px 0 30px;

Hope this helps.


This question is now closed

Written By