How to change image size in menu section

  • Hello,

    Could anyone suggest how to change the size of the image in the Menu Section under “Catering Service’?

    I would like to it be approx 2/3 larger than what it is now.

    I would like the other images on the Menu page to remain as they are.

    Thanks in advance.

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter khaulasmart

    (@khaulasmart)

    So I’ve updated the Menu Section with Catering Services positioned at the top using blocks in the ‘Menu Pages’.

    I would like the image in the Menu Section to look similar to this. I would leave it as it is, but I would like this section to link to the ‘Catering Service’ image found on the Home page under “Customising Theme Options’ which is linked to the Menu Section.

    Any ideas on how to get around this?

    Thanks.

    Thread Starter khaulasmart

    (@khaulasmart)

    Hello,

    Thanks for you response @lynnecruz.

    I’m still unclear as to what i have to do.

    Do I need to write a CSS to overide the height?

    Are you able to provide me one?

    Thanks

    Hi, could you confirm if this is the image you’re trying to resize? https://d.pr/i/8dezbB.

    Thread Starter khaulasmart

    (@khaulasmart)

    Ii,

    No it’s this one https://snipboard.io/FBWRAT.jpg

    On the Menu page, right at the bottom.

    Thanks

    Did you add that image gallery within a “menu item” similar to how you did for Kimbap and Mandu,Yangnyeom Chicken, Jeon, etc?

    The menu item “cards” are designed to be a fixed width (to allow two columns when you add more items to that menu) so it’s not really intended to be used as a full width section.

    However, the following CSS will force it do go full width.

    .menu-items .nova_menu_item:only-of-type {
    margin: 0;
}

#post-300 {
    max-width: 828px;
}

    Please note that to make the CSS affect the Catering Services card, I had to use the ID of that card (300) specifically. Because of this the code will not work with other menu cards unless you also edit the CSS to change the ID to that of any new menu item you create.

    Hope this helps!

    Thread Starter khaulasmart

    (@khaulasmart)

    Hi @jerrysarcastic Thank you AGAIN!!

    It worked exactly how I wanted.

    Just wanted to say how helpful these forums are, and I appreciate all the help and responses.

    Would you be able to recommend any beginner level CCS learning material?

    There are a lot of great tutorials out there. Here’s a great one on how to find CSS in WordPress:
    https://wordpress.com/support/custom-design/how-to-find-your-themes-css/

    Once you know how to find the CSS to change, it’s a matter of searching the web for the types of changes you want to make. You’ll often find tutorials or snippets that can help. There are also books and courses available out there. Hoping this helps!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to change image size in menu section’ is closed to new replies.