icon insert in menu

I can insert small icon next to the menu
http:\\proba.dreamsolution.hu

Hi,

You can add a icon as a background of a menu item by using suffix class. In menu item setting, define a suffix class then use css code to add background.

Consult here as well https://www.gavick.com/support/forums/112/9438.html

I need the same - i wan to put an image of shopping cart in front of the shopping cart lettering (on the top right corner) - how can i add a small image in front of the wording "shopping cart"?
The link you provided is not working. Can you just put few lines of code that will do the job? I am not very familiar with the coding, so simplier is better.

Also, how can i remove the shadow of the customer number and etc module - on the top left corner. I removed the shadows from the menus, but failed to find where is the code for this module on the top left.

Any help appreciated!

Thanks!

Sorry, the link was changed to https://www.gavick.com/forums/viewtopic ... =9438.html

If you want to remove the shadow, just add this code to CSS Override:

Code: Select all

#gkPageTopMod{
text-shadow: none!important;
}


The shadow code works fine, but the icon on the menu is not working.
I used this solution:

Code: Select all

div.gk-menu > ul.level0 > li > a#menu101 {
    background: url("../images/img.png") no-repeat scroll 0 0 transparent;
}


I tryed in override.css (with enabled css override) and also in advanced settings - in the eSport theme - both didn't change anything.

Any sugestions?

Another question - how can i remove the left hand side shopping trolley and to leave only the top one?
and - is there a possibility to have different font for the top module - customer number... different from the menu font?

Thank you!

Can I have your site URL to check?

I don't get the new questions, can you take some screenshots with annotations to help me understand them?

Thanks,

yes, here is the address: http://seo-web-site.co.uk/jam/
As temporary solution i put the shopping bag image on the module for customer service number, but it should be in front of the wording: My Shopping bag ...


as for my other questions:

screen.jpg

1. The text saying "Customer Service: +44 1753 8590..." - can this text be with different font from the menu font on the right ( My Shopping bag * Login * Register ). I mean - is it possible to choose separate font only for this module?
2. the shopping bag - on the right (i wrongly said "left hand side") - can this bag be removed so i can have only one on the top - when i solve the problem with the icons in the menu.


hope this helps...

Do you think that this looks okay? http://easycaptures.com/fs/uploaded/487/6995636983.jpg

If it does, then add this code to file override.css to add a background image for the cart link:

Code: Select all

#btnCart{
background-image: url("http://seo-web-site.co.uk/jam/templates/gk_esport/images/style3/minicart.png");
    background-position: -2px -4px;
    background-repeat: no-repeat;
    background-size: 21px auto;
}


In order to change font for those texts, use this code:

Code: Select all

#gkPageTopMod p{
font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
}


Change to another font code what you want.

Yes, it is perfectly fine, but it didn't work
I changed the font succesfuly, also figured out how to remove the shoping troley transparent PNG.
But i cannot add the icon in front of the My Shopping bag link.
Any advise?
Thank you for your help!

Do you think that this looks okay? http://easycaptures.com/fs/uploaded/487/6995636983.jpg

If it does, then add this code to file override.css to add a background image for the cart link:

Code: Select all

#btnCart{
background-image: url("http://seo-web-site.co.uk/jam/templates/gk_esport/images/style3/minicart.png");
    background-position: -2px -4px;
    background-repeat: no-repeat;
    background-size: 21px auto;
}


As you can see, I tried the code with Firebug to get that result so I totally worked for me, I have no idea why it doesn't work for you. Can you provide me with FTP access info via a PM then I can try for you?

Thanks,

Hi Don,
i sent you the FTP user and pass - no reply till now... is there a problem?
I am working with a client on the website so i need this solution asap.

Thanks!

As you can see, I tried the code with Firebug to get that result so I totally worked for me, I have no idea why it doesn't work for you. Can you provide me with FTP access info via a PM then I can try for you?

Thanks,

Hi,

Thank you I got your message. I see that you added the code to file override.css already but it wasn't right and exact like what I gave you, so I corrected it for you, however it still doesn't work because the file is not being loaded just because maybe you haven't enabled CSS Override mode in template setting, just check and confirm this.

Thank you, the CSS override is enabled - i just double checked.
Do i need to enable something else?

Thank you again!

Hi,

Thank you I got your message. I see that you added the code to file override.css already but it wasn't right and exact like what I gave you, so I corrected it for you, however it still doesn't work because the file is not being loaded just because maybe you haven't enabled CSS Override mode in template setting, just check and confirm this.

Hi,

You seem to have changed the image to other place, it's now is http://seo-web-site.co.uk/jam/images/cart.png

I was about to change it for you by editing the file but couldn't connect to your server. The file override.css is loaded now, so please edit the background image URL to the new one, also add "!important" to end of every css rules I gave you, if you don't understand this to do it yourself, just provide FTP access again and I will do for you.

Cheers,

Hi Don,
The FTP details are the same - you should connect with no problems...
I put all the changes in the code in the override.css, unfortunately - no luck for the icon - please check it now and see if there's something wrong...

Thank you again for your time and efforts!

Hi,

You seem to have changed the image to other place, it's now is http://seo-web-site.co.uk/jam/images/cart.png

I was about to change it for you by editing the file but couldn't connect to your server. The file override.css is loaded now, so please edit the background image URL to the new one, also add "!important" to end of every css rules I gave you, if you don't understand this to do it yourself, just provide FTP access again and I will do for you.

Cheers,

Hi,

You didn't do like what I said in the previous post, I have just done that for you and it works now, please check and confirm the same.

Cheers,

Yes, it is OK now - thank you!

Hi,

You didn't do like what I said in the previous post, I have just done that for you and it works now, please check and confirm the same.

Cheers,

Feel free to let me know if you need any other helps.

Regards,