gkicon-dinner in Quark...

Hi. How could I change the icon: gkicon-dinner from Quark Restaurant for another icon made by me ?, thanks greetings. René

Hi

I believe this icon is an image. Right? Try using code like this:

Code: Select all

#gkHeaderMod .gkicon-dinner::before {
display: none;
}

#gkHeaderMod .gkicon-dinner {
background: rgba(0, 0, 0, 0) url("PATH_TO_NEW_ICON") repeat scroll 0 0;
}
height: HEIGHT_OF_NEW_ICON;
width: WIDTH_OF_NEW_ICON;


Hi, thank you for you answer. I tried the code and it did not work, I tried to try different syntasis, but it still does not work for me. Could you verify what error I am committing ?, Thank you, regards. René.
*This code is also valid for the other icon present in QUARK MENU ?, thanks.

#gkHeaderMod .gkicon-dinner::before {
display: none;
}

#gkHeaderMod .gkicon-dinner {
background: rgba(0, 0, 0, 0) url("https://www.gelateriapescara.it/images/bio-ice-cream.ico") repeat scroll 0 0;
}
height: 250px;
width: 250px;

--------------------------------------------------------------------------

#gkHeaderMod .gkicon-dinner::before {
display: none;
}

#gkHeaderMod .gkicon-dinner {
background: rgba(0, 0, 0, 0) url(https://www.gelateriapescara.it/images/ ... -cream.ico) repeat scroll 0 0;
}
height: 250px;
width: 250px;

--------------------------------------------------------------------------------------------------

#gkHeaderMod .gkicon-dinner::before {
display: none;
}

#gkHeaderMod .gkicon-dinner {
background: rgba(0, 0, 0, 0) url("/images/bio-ice-cream.ico") repeat scroll 0 0;
}
height: 512px;
width: 512px;

---------------------------------------------------------------------

#gkHeaderMod .gkicon-dinner::before {
display: none;
}

#gkHeaderMod .gkicon-dinner {
background: rgba(0, 0, 0, 0) url('images/bio-ice-cream.png') repeat scroll 0 0;
}
height: 250px;
width: 250px;

Hi

I think extension ".ico" is not a valid image source for html. Try using png, jpg, gif.

Hi, thank you for you answer. Besides the .ico, I had already tried with .png and it does not work either. With jpg is not possible because I need the transparency of the image. Any possible alternative solution? Thanks, regards. René

Hi

Works on my copy. I guess it's time to look at Your site so I'll see what is wrong. Send me an url to where You are trying to use this icon. Please send it to [email protected]

Hi. Thanks for your reply. As I have sent you the data access to the email: [email protected]. Greetings. René.

Hi

Sorry I haven’t checked the access before asking for link ;/ I did that just now and it’s not working. Please check that and send me a correct one.

Greets

Hi, thank you for you answer. I have sent the correct data (now resend it again), the same that I use to access the site and the control panel, thank you, greetings. René
* The above data was correct, only they had blank spaces in the password, now they are sent email without the spaces, thanks.

Hi

There was no height & width specified, that's why it wasn't showing. I've updated css and added positioning options:

Code: Select all

#gkHeaderMod .gkicon-dinner {
    background: rgba(0, 0, 0, 0) url("/images/demo/restaurant-style/bio-ice-cream.jpg") repeat scroll 0 0 ;
    background-size: cover;
    height: 250px;
    margin-left: -125px;
    top: -260px;
    width: 250px;
}


Hi, thank you for you answer. In this page specifies the problem is solved. How could you change these icons also in the other pages of the site? For example, it is in: "QUARK MENU", or in Home Page that in: https://www.xxxxxxxxpescara.it/our-menu.html
* I just noticed also that the new image in the mobile devices does not appear in the correct position, but it looks only half and the other half of the image off the screen at the top. Any possible solution? Thanks, regards.

Hi

Ok. I think we have done that wrong. We are changing one technology into a different one while we should make it simplier and replace it.

Edit this module and remove code:

Code: Select all

<i class="gkicon-dinner big-icon"></i>


replace it with a regular image of Your icon:

Code: Select all

<img src="/images/demo/restaurant-style/bio-ice-cream.png" />


So simple and we both missed it ;/ It will also not cause the problems in mobile.