How to change bacground color and insert Photo?

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.

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

I give you login adn pass in private message

Soemthing like this like in Atachment

Attachments:

You must be logged in to view attached files.

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

[andrzej]

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.

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.

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

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;
}

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