Change Color - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Change Color

E

Erivelton

Template 2 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?

0
11 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #104492

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.

0
E
Erivelton
Accepted Answer
2 years ago #104501

menu link color changed!

but the color of the image is still orange

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #104504

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

0
E
Erivelton
Accepted Answer
2 years ago #104506

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.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #104519

Use this custom CSS

.service-item .sppb-img-container:after {
    background-color: #23bde5 !important;
    opacity: .5;
}
0
E
Erivelton
Accepted Answer
2 years ago #105686

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?

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #105746

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

0
E
Erivelton
Accepted Answer
2 years ago #105767
  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.
0
E
Erivelton
Accepted Answer
2 years ago #106181

any return, please?

0
E
Erivelton
Accepted Answer
2 years ago #106522

any return, please?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #106655

1: Use this custom CSS for changing the color

#sp-header {
    background: #6e72d5 !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.

2:This documentation maybe help you

https://www.joomshaper.com/blog/how-to-create-a-custom-header-using-helix-ultimate

For more customization you have to do it yourself or hire any developer. Because sorry we do not provide customization support.

0