Use style directly in the description

fedex

Hello everyone, could you tell me how can I insert a separate style directly in the category description box? For example, if I want only that description to be in bold or other color, I imagined myself putting it like:

Test

but obviously it is ignored.

Would you know how this behavior can be changed?

Thanks

mlattke

fedex That’s inline CSS it cannot be ignored that easily. There you’re setting the “test” word to be red and bold. However that style is used to apply a unique style to a single HTML element. You should try by using classes and add Custom CSS from Admin Panel.

fedex

mlattke

the problem is that I don’t want to assign it to all the descriptions, so how can I change the class for that only?

mlattke

fedex If you want to change the style for that specific element I’d recommend to use ID. Add an ID to the element you want to modify then in custom CSS add its styles.

fedex

mlattke

What I would like to do is on a single description for example.

So I can’t give a different id to that description.

I think if I assign an id in the description field it is ignored by tasty

mlattke

fedex I’ve modified several styles and have worked well. Do you mind to share exactly what you want to achieve and where. Probably I can help

fedex

mlattke

the point is, for example, to change color only to one of the many descriptions in the categories. therefore in the menu page there are many categories with relative descriptions, for example in the starters one I need a bold & color. this change only needs to be in this description though.

mlattke

fedex In that case you need to “play” with the foreachmethod when rendering the categories. If the category name or description contains a keyword of your preference apply or not an specific CSS class. Then you create that class in CustomCSS to be applied when true.

fedex

mlattke

instead do you think it is possible to modify tasty so as to directly write style in the description field and that it is displayed?

mlattke

fedex Yes it is

fedex

mlattke

Oh wow how do you think I can I do that?

mlattke

fedex You can use internal or inline CSS

fedex

mlattke
When you save with internal or inline css the system delete that and only mantein the text

fedex

mlattke

I refer to that box description in cathegory

mlattke

fedex you need to edit the code.
Admin -> Design -> Themes -> Your Theme -> Edit

Choose the page or partial you want to edit and add the code.
The description field doesn’t accept html or any other code for security reasons.

fedex

mlattke
Yep I know, but how I can make the field accept html? It would be great😁

mlattke

UPDATE: Just tested, description field does accept HTML

fedex

mlattke Not working on standard tastyigniter theme