Staff replied Templates

change color

Asked by Erivelton 3 years ago Last activity 3 years ago

I'm using the "Shaper_fixter" theme and would like to know how to change the menu color (which is currently orange) and also the image overlay color (which is also orange).

Which way and how to change?

11 replies

Mehtaz Afsana Borsha Staff

Hi

Thanks for contacting us. Use this custom CSS

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    color: #24e2f0 !important;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li:hover>a {
    color: #24e2f0 !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

-Regards.

Erivelton Asked this

menu link color changed!

but the color of the image is still orange

Mehtaz Afsana Borsha Staff

Is there any issue on your background color? Because when I hover it nothing happens.

Erivelton Asked this

the effect is enabled only on the middle image, which contains a car.
notice that when hovering, it returns an orange color and I would like to change the color.

Mehtaz Afsana Borsha Staff

Use this custom CSS

.service-item .sppb-img-container:after {
    background-color: #23bde5 !important;
    opacity: .5;
}
Erivelton Asked this

seizing the occasion.

  1. Could you tell me where I change the color of the menu bar?

  2. I would also like to add two more buttons, in the same position as my ONLINE SERVICE button, located at the top of the menu. What's the best way to do this? Because I tried to create a module with two buttons, but it was very disproportionate.

  3. On the home page images, which contains a motorcycle, car and truck. I would like to decrease and I can't. How do I do?

  4. I would like to enter a phone number above the main menu. How can I do this?

Ofi Khan Staff

Hello Erivelton

  1. Do you want to change this color? https://prnt.sc/Lp75hFMwnLe1
  2. You have to take a module and publish it in menu position or take a new position on the right side of menu. You have to create a custom header for this.
  3. You have to edit it on the page settings.
  4. Turn off pre-defined header and take a custom header. Then you can design the layout as you want it. You can publish contact info module over the menu module then. Please follow this documentation

Best regards

Erivelton Asked this
  1. Yes!
  2. Is it possible for you to tell me which ideal position? because I've already tested all the positions and I can't insert the buttons to stay on the right side. Next to Menu options.
  3. Which option should I go to edit them? Because I didn't find the right option.
Erivelton Asked this

any return, please?

Erivelton Asked this

any return, please?

Log in to reply.