-
AuthorPosts
-
November 26, 2020 at 9:31 pm #1263367
Am using catalogue element to make menulist for restaurant.
I want to use different colours for price stetting!
how can i change the colour of the tekst? € 7,20 color in white or redKind Regards,
Theo
November 26, 2020 at 11:14 pm #1263385Hey theovh,
This can be done via css. Please provide a link to the site/page in question so we can look into this further.
Best regards,
Jordan ShannonNovember 27, 2020 at 9:22 am #1263467Hi Jordan,
The client need the color of the prices also in white.
if you send the css, we can put it
Kind regards,
Theo
November 27, 2020 at 3:45 pm #1263539Hi Rikard,
i put this css code, but nothing change
/* Price*/
.av-catalogue-container.my-custom-catalogue .av-catalogue-list li .av-catalogue-price {
color: white;
font-weight: bolder;
font-size: 14px;
font-family: ‘verdana’, sans-serif;
}
/* Price*/.av-catalogue-container.my-custom-catalogue .av-catalogue-list li:hover .av-catalogue-price {
color: white;
}
/* List item on hover */
.av-catalogue-container.my-custom-catalogue .av-catalogue-list li:hover {
background: black;
}when i hoover on the tekst i wont that he dont move, price have white color also.
the menu is not complete, whe finish when whe have the css code.
Kinds regards,
Theo
November 27, 2020 at 7:52 pm #1263564Hey Rikard,
The background color of the link is black.
It must remain black when you want to click it.
It should not be clickable.
THE TEXT DESCRIPTION AND PRICE MUST BE IN WHITE COLORKind regards,
Theo
November 27, 2020 at 7:54 pm #1263565Hi Jordan,
Sorry Jordan I keep using a wrong name.
Crazy moveKind regards,
Theo
November 28, 2020 at 6:09 am #1263649Hi Theo,
I see that you have added styling inline in the content. I’m guessing that the hover state is correct, but you want to change the styling in the normal state? It would likely be better if you removed the inline styling and added classes instead.
Best regards,
RikardNovember 28, 2020 at 10:23 am #1263663Hi Rikard,
The hover state is not correct
The background color is black.
When you hover it, its getting white. Client wants this to remain black.
It should not be clickable.
Text must by in white, as it is now.
The price must also be in white, how do I fix that.Kind regards,
TheoNovember 29, 2020 at 6:55 am #1263746Hi,
Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:
.av-catalogue-content strong span, .av-catalogue-content div span, av-catalogue-price { color: #fff !important; }
Best regards,
RikardNovember 29, 2020 at 10:01 am #1263758Hi Rikard,
I put code in general styling.
Nothing changes.
The text should remain as it is now.
The price have to be in white and always visible.
Background always black, as it is now.
When you hover over the tekst background getting white…this have to stay black.
It should be impossible to hover the text.
Its a pricelist, have to be normal vissible always and not clikable….not like a link.
Have to be like enfold menu, bakground black
.Kind regards,
TheoNovember 30, 2020 at 4:31 am #1263864Hi,
Please try this CSS as well:
.av-catalogue-list li:hover { background-color: transparent; }
The CSS I sent previously is applying fine on my end.
Best regards,
RikardNovember 30, 2020 at 10:23 am #1263890Hi Rikard,
Still not working.
I remove cache few times.
Nothing changes.
I put login website in private.
Perhaps you can check. Perhaps problem with template?Kind regards,
Theo- This reply was modified 4 years ago by theovh.
November 30, 2020 at 10:21 pm #1264065Hi Rikard,
I look around one Kriesi support and find some css code.
I modified the code and now its like client want it.
I send you backend inlog websit this morning, feel free to go and look at the code.
Thanks for your help, it got me started.Best regards,
Theo
December 1, 2020 at 8:13 am #1264147 -
AuthorPosts
- You must be logged in to reply to this topic.