Docs

[anzwers]

Dear fantastic support, I would like to replace the link “Accedi” on my home menu: http://linvitatospeciale.it/
with this image http://linvitatospeciale.it/accedi.png (or a small one… it does not matter).

I tried everything, for example:

x-navbar .x-nav li#menu-item-178 a {
background-image: url(http://linvitatospeciale.it/accedi.png);
}

but without good result… the image appears on top of “Accedi” and moreover the link “Accedi” is stil visible.. any suggest?

Thank you as always for your great help!!

Augusto

[Rahul]

Hi,

You can do so by going to Appearance > Menus, add a custom link and add info as shown in screenshot.

Replace the link as needed. You can give it a custom class and style it too.

Thanks.

[anzwers]

Dear support, thank you.

I added the class=accedi to the image so:
<img src="http://linvitatospeciale.it/accedi.png" class="accedi">

then I tried in any way (with the css) to align the image with the others menu links, with no result.
Somethimg like:

img.accedi {padding etc etc}
Where I am wrong?
Thank you!!

http://linvitatospeciale.it
Augusto

[Rupok]

Hi there,

Thanks for updating. I can see the class but can’t see any CSS so not sure what you have added.

You can try something like this :

img.accedi {
  margin-top: -11px;
}

Hope this helps.

Cheers!

[Author]

Posts