Menu text size and color

  • Hello,
    I’m looking for a way to change the size and color of the text of the entire menu, it is too small at the moment, it’s not easy to read especially on the mobile version. Also I need to change the color of the text on the window on the right of the menu that says “your order”, it blends with the background and it’s impossible to read.

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Ok, lets try some CSS

    FOOD TITLE

    .food-title {
    /*set the size and color you want*/
    font-size: 20px;
    color: aquamarine;
    }

    FOOD DESCRIPTION

    .rpress_fooditem_inner .rpress_fooditem_excerpt p {
    /*set the size and color you want*/
    font-size: 12px;
    color: #a9a9a9;
    }

    PRICE ITEM

    .rpress-price-holder span.price {
    /*set the size and color you want*/
    font-size: 14px;
    color: #ffffff;
    }

    To change “YOUR ORDER” settings

    .rpress.item-order h6 {
    /*set the size and color you want*/
    font-size: 18px;
    color: #f1f1f1;
    }

    For MOBILE use the same CSS but inside this:

    @media (max-width: 480px){
    /*put the same CSS here for small devices*/
    }

    @media (max-width: 980px){
    /*put the same CSS here for medium devices*/
    }

    Hope i can help you ??

    But i think you shoul start for choosing another color scheme:
    Settings -> Styles -> Color Scheme -> choose a lighter theme

    • This reply was modified 4 years, 6 months ago by playdiune.
    • This reply was modified 4 years, 6 months ago by playdiune.
Viewing 1 replies (of 1 total)
  • The topic ‘Menu text size and color’ is closed to new replies.