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

Random Background Colour Change

GW

Graham Wilkins

Template 2 years ago

I'm using qubic as the template to a site I'm currently trying to go-live with.

However, there are apparent random colour changes to the background of some sections. In my attemt to correct them I seem to create chaanges elsewhere. I'm sure this is user error, but the more I attempt to correct the error the more problematic it becomes.

I have tried accessing sections vis the Pagebuilder tools, and the template styles options.

When the user interface is viewd in Pagebuilder (1) it is presented as expected When previewed from that edit view (2) the error is obvious

0
7 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #133172

Hi there!

Thanks for contacting us.

Which section background colors are you indicating, please? Can I have a screencast to have a better understanding of the issue? Did you mean you want to change all section background color at once? Then you can use custom CSS.

Best Regards

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

Hi

Thanks for contacting us. Could you please give me a screenshot of that portion which you want to change?

-Regards.

0
GW
Graham Wilkins
Accepted Answer
2 years ago #133497

0
GW
Graham Wilkins
Accepted Answer
2 years ago #133498

I'm not sure if my response a few seconds ago contained the URL that you requested. So I have included it within the 'hidden content' text field. I hope this makes sense.

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

Use this custom CSS

h3.sppb-addon-title{
  color:white !important;
}

.sp-page-builder .page-content #home-wrapper{
      background-color: rgb(146, 183, 67) !important;
}

#sp-header{
      background: rgba(245,245,245,0.9) !important;
      height:100px !important;
}
.sp-menu-item a {
  color:black !important;
}

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

0
GW
Graham Wilkins
Accepted Answer
2 years ago #133590

That made a right mess of the page, instead of changing the area I had highlighted, it changed everything adjacent to it. And the menu!

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

Could you please clear it? I think I am not understand the issue properly.

0