Row Background Color Not Shown (only In Backend) In Qubic Template - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Row Background Color Not Shown (only In Backend) In Qubic Template

E

Ernst

Template 2 years ago

Hello,

on a site that uses the Qubic template, I assign a background color to a row as hex code in the properties window. In the backend, i.e. in edit mode, the color is displayed as expected. In the preview as well as in the final website, the background is displayed without the color (uses default color white). I have cleared the browser cache and the Joomla cachce, but to no effect.

This issue seems related to this one (but not exactly the same: https://www.joomshaper.com/forum/question/24266

Is this a known bug or dis I do something wrong?

Screenshots:

Edit mode: https://prnt.sc/gKE8VWEc0Qhh

Preview mode: https://prnt.sc/betFwzoBaok4

Thanks for any help.

REgards Ernst

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

Yes some times this type of errors occurs then we solve it via CSS. Still I will inform our team about it.

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

Hi

Thanks for contacting us. Could you please give me your site URL?

-Regards.

0
E
Ernst
Accepted Answer
2 years ago #114614

Hi Methaz Afsana

Find requested URL etc. in the hidden content.

Regards, Ernst

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

Use this custom CSS

.sp-page-builder .page-content #section-id-1682506360728 {
    background-color: red !important;
}
section#events-wrapper{
      background-color: red !important;
}
section#therapies-wrapper{
   background-color: red !important;
}
section#courses-wrapper{
    background-color: red !important;
}
section#about-wrapper{
    background-color: red !important;
}
section#contact-wrapper{
      background-color: red !important;
}
section#bottom-wrapper{
   background-color: red !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.

0
E
Ernst
Accepted Answer
2 years ago #114688

Thank you Mehtaz

Will there also be a fix in the template? For the later user/maintainer of the site, direct CSS is unfortunately not an option, does not know it.

Regards, Ernst

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

You can use the css.

0
E
Ernst
Accepted Answer
2 years ago #115638

Hi Mehtaz,

already understood that I can use CSS. Nevertheless, the problem would be worth a bug report to your developers, because as a user I choose a tool like Page Builder exactly because of the user-friendly interface compared to a CSS editor....

If the page builder offers the setting option for the row background, but it doesn't work, then a developer at your end should take a look at that. At least that is my expectation.

https://prnt.sc/SFkhxkIpRkra

The problem occurs when using the Qubic template. Since this is also from JoomShaper, I would like it to be compatible with the page builder. But I've learned that the problem also exists with other templates.

Best regards Ernst

0
J
Joel
Accepted Answer
2 years ago #115640

I assume it's a general problem with the Template update, I also had the same issue with Helix Ultimate after updating it, the CSS hack worked for me.

I think it should be looked at by your techinical team to correct it on all the templates

0
E
Ernst
Accepted Answer
2 years ago #116273

Hi,

just a note/tip for users:

if the background color of a row is set first, before add-ons are placed in the row, the row will keep the background color also in the frontend.

but I have not tried if the background color can be changed afterwards with existing add-ons in the row.

0
E
Ernst
Accepted Answer
2 years ago #116382

Hi Mehtaz,

have nailed the problem. The color for a row is only not transferred to the frontend if the row (section) gets a title. Without a title the color also works when displaying the page.

https://prnt.sc/s_Z1p8gIfuoj

This might be a hint you can pass on to the developers.

Regards, Ernst

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

Thanks for your opinions.

0