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:

<default>
<reference name="top.links">
  <action method="addLink" translate="label title">
    <label>Privatlivspolitik</label>
    <url>cookies</url>
    <title>Privatlivspolitik</title>
    <prepare>true</prepare>
    <position>2</position>
    <liParams/>
    <aParams>
        <class>private-cookie</class>
    </aParams>
  </action>
</reference>
</default>

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: http://outdooradventure.dk

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
Public

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

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

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

Code:

.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:

Code:

.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.

#3

This question is now closed

Written By

Comments