How to remove bullets next to my account and cart

[NOJoke]

I am editing a template that I purchased and I have a question about something. I am not sure if it occurs the same in the regular style theme or not.

 

But my question is that there are these dots (or bullets) next to my account & Cart.

 

The link to the website is www.sportzdirect.com/shop , please let me know what I am missing.

[kungfumunchkin]

Can you post the code in your blockuserinfo.css please?

[NOJoke]

the code in the file is :

 

/* block top user information */

#header_right #header_user {

clear: right;

float: right;

width: 535px;

text-align: right;

margin-right: 6px;

margin-top: 25px;

}

#header_user p { color: #595a5e }

#header_user span { font-weight: bold }

#header_user ul { margin-top: 0.3em }

#header_user li {

float: right;

line-height: 2em;

margin-left: 0.5em;

white-space: nowrap

}

#header_user #shopping_cart, #header_user #your_account { font-size: 0.9em }

#header_user li#your_account { margin-left: 0 }

#header_user #shopping_cart a, #header_user #your_account a {

background-repeat: no-repeat;

background-position: top left;

padding: 2px 0 4px 26px;

height: 20px;

text-decoration: none

}

#header_user #shopping_cart a { background-image: url('../../../img/icon/cart.gif') }

#header_user #your_account a { background-image: url('../../../img/icon/my-account.gif') }

[PrestaSupport]

Try to edit this, marked in red:

 

#header_user #shopping_cart, #header_user #your_account { font-size: 0.9em }

#header_user li#your_account { margin-left: 0 }

#header_user #shopping_cart a, #header_user #your_account a {

background-repeat: no-repeat;

background-position: top left;

padding: 2px 0 4px 26px;

height: 20px;

text-decoration: none

}

#header_user #shopping_cart a { background-image: url('../../../img/icon/cart.gif') }

#header_user #your_account a { background-image: url('../../../img/icon/my-account.gif')}

[NOJoke]

Editing the padding just changes the space between the my account and cart links. The images that are highlighted do not have any bullets next to them.

[kungfumunchkin]

the code in the file is :

 

/* block top user information */

#header_right #header_user {

clear: right;

float: right;

width: 535px;

text-align: right;

margin-right: 6px;

margin-top: 25px;

}

#header_user p { color: #595a5e }

#header_user span { font-weight: bold }

#header_user ul { margin-top: 0.3em; list-style-type: none;}

#header_user li {

float: right;

line-height: 2em;

margin-left: 0.5em;

white-space: nowrap

}

#header_user #shopping_cart, #header_user #your_account { font-size: 0.9em }

#header_user li#your_account { margin-left: 0 }

#header_user #shopping_cart a, #header_user #your_account a {

background-repeat: no-repeat;

background-position: top left;

padding: 2px 0 4px 26px;

height: 20px;

text-decoration: none

}

#header_user #shopping_cart a { background-image: url('../../../img/icon/cart.gif') }

#header_user #your_account a { background-image: url('../../../img/icon/my-account.gif') }

 

Try that, it should work but I have not tried it out as I don't have a shop installed with that module.