Gazette: Change The Background Color Of The Top Tool Bar And Get Ride Of Weather Widget - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Gazette: Change The Background Color Of The Top Tool Bar And Get Ride Of Weather Widget

GL

Gregory Loucks

Template 2 years ago

This template: https://demo.joomshaper.com/?template=gazette I installed all of the sample data on the initial Joomla install. How do I change the top tool bar background color to Iris color code #5D3FD3? Yes the top area where the logo "Gazette" is. also the language changer and weather and login. I want that color as background across the entire top before the SP page builder data. and white text, white link and white hover link if necessary color code #ffffff of course. Is this is custom code in the template editor? what is the code please?

also how do you get rid of the weather wideget on the top right completely? is there a way to put my own module there or no? I want it gone atleast.

Thanks, Greg

0
5 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #126675

Hi

Thanks for contacting us. Could you please give me a screenshot of your issue? And also please check your site, I cant access on that.

https://prnt.sc/RJr-u3EYCe4h

-Regards.

0
GL
Gregory Loucks
Accepted Answer
2 years ago #126747

Why do you need to see my website right now? It looks like https://demo.joomshaper.com/?template=gazette I just installed sample content. So how do you change the top toolbar color where the menu is and get rid of the weather module?

Greg

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

Use this custom CSS

section#sp-main-menu {
    background-color: #5D3FD3 !important;
    color: #fff !important;
}
.sp-megamenu-parent>li>a{
   color: #fff !important;
}
#sp-menu-right{
  display:none !important;
}

Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.

0
GL
Gregory Loucks
Accepted Answer
2 years ago #127308

I figured out how to do it without coding. There's a customization in the template if you choose so

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

Glad to know that. You can now close this post by accepting the answer.

0