Okay
  Public Ticket #2292304
Food Menu Item Font Color
Closed

Comments

  • Aleksei started the conversation
    February 6, 2020 at 8:45am

    Can you change the Item Name in the visual composer Food Menu Item?

    Can you change a part, like just one or two words, from the Item Description on the visual composer Food Menu Item? 

  • Aleksei replied
    February 6, 2020 at 8:51am

    Another question. Can you make the Item Description not bold?

  •  3,022
    Andrew replied
    February 6, 2020 at 10:59am

    Hi Aleksei,

    Did you mean to price to be below item name?

    Try the css in Salient > General settings > CSS/SCript related:

    .nectar_food_menu_item .inner {
    display: block !important;
}

    Use the following custom css to reduce font weight of item description:

    .nectar_food_menu_item .item_description {
    font-weight: 200 !important;
}

    Hope this helps.

  • Aleksei replied
    February 7, 2020 at 7:50am

    Thanks Andrew! I didn't realize I forgot to mention the most important part XD I'm sorry. 

    I tried to ask: Can you change the Item Name COLOR in the visual composer Food Menu Item? And then change the color of only one or two words. 

    I want to make something like this I found online. The name of the product is red and the description is black. 

    I think it's unlikely to add an image or icon to create that sort of personalized bullet point, or can that be done? If not, I wanted to put a bullet point in red, the rest of the description black. If there is something important in the description I need to make it stand out I can change the color of that too.

    Or is it better to make a text box instead of menu item?

  •  8,992
    Tahir replied
    February 7, 2020 at 11:36am

    Hey,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks

    ThemeNectar Support Team 

  •  8,992
    Tahir replied
    February 17, 2020 at 11:30am

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .wpb_tab h5 {
    color: #f00 !important;
}
.row .col .nectar_food_menu_item h4 {
    color: #f00 !important;
}

    Thanks

    ThemeNectar Support Team