Home › Forums › WoodMart support forum › How to change bacground color and insert Photo?

How to change bacground color and insert Photo?

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 19, 2023 at 6:58 pm #497506

    andrzej
    Participant

    Look at the Attachment

    We are talking about jewelry demo and menu SHOP

    1. How to change this dark yellow background indicated by the arrow to another color? Where is this set?
    2. Is it possible to insert a photo in the place indicated by the arrow? ( I maked a simulation in Graphics Software)

    Attachments:
    You must be logged in to view attached files.
    September 20, 2023 at 2:26 am #497587

    Elise Noromit
    Member

    Hello,

    It is possible with custom CSS.

    Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

    Please provide the image URL wich you want to set.

    Best Regards

    September 20, 2023 at 2:40 pm #497746

    andrzej
    Participant

    I give you login adn pass in private message

    September 20, 2023 at 6:25 pm #497807

    andrzej
    Participant

    Soemthing like this like in Atachment

    Attachments:
    You must be logged in to view attached files.
    September 21, 2023 at 2:17 am #497868

    Elise Noromit
    Member

    Hello,

    I am afraid it is impossible to add an image in that menu area.

    You can insert the image in the HTML block used for the mega menu. https://xtemos.com/docs-topic/create-mega-menu/

    If you have any questions please feel free to contact us.

    Best Regards

    September 21, 2023 at 10:30 am #497924

    andrzej
    Participant

    Ok. But what about background in this place where is green color? See Attachment. Tell Me how change color to white and black letters?

    • This reply was modified 1 year, 5 months ago by andrzej.
    September 21, 2023 at 11:07 am #497943

    andrzej
    Participant

    Let me explain again.
    See the attachment I sent now. I want to change the color green to white and make the text on white black.
    I want you to tell me how to do it? Where to change the value in the code to have a white background and black letters.

    I don’t want to change it for now because I’m building a menu

    Attachments:
    You must be logged in to view attached files.
    September 22, 2023 at 4:24 am #498209

    Elise Noromit
    Member

    Hello,

    This color is set in the Theme Settings > Styles and Colors > Colors > Prime.

    If you want to change only this color without changing the colors globally, please use this code: 

    body .wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp>.wd-sub-menu>li >a {
    background-color: red;
    color: white;
}
body .wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp>.wd-sub-menu>li >a:hover{
    background-color: yellow;
    color: white;
}

    Please add this code to the Theme Settings > Custom CSS > Global

    Best Regards

    September 22, 2023 at 3:47 pm #498377

    andrzej
    Participant

    I added this code, but now I have it as in the attachment. I paste all the code I have here

    Link https://prnt.sc/IG62L6wQ7EC_

    And here is all code, what I have in section global code

    .wd-custom-rounding {
    border-radius: 200px !important;
    }
    body .wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp>.wd-sub-menu>li >a {
    background-color: red;
    color: white;
    }
    body .wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp>.wd-sub-menu>li >a:hover{
    background-color: yellow;
    color: white;
    }

    September 24, 2023 at 2:43 am #498748

    Elise Noromit
    Member

    Hello,

    You need to replace the color in the CSS code as per your needs, I just inserted for example.

    Alternatively, please advise the colors you want to have.

    If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)