Solved Templates

Row background color not shown (only in backend) in Qubic template

Asked by Ernst 3 years ago Last activity 3 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

Accepted answer

Marked as the solution

Mehtaz Afsana Borsha Staff

3 years ago

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

9 more replies

Mehtaz Afsana Borsha Staff

3 years ago

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

-Regards.

Ernst Asked this

3 years ago

Hi Methaz Afsana

Find requested URL etc. in the hidden content.

Regards, Ernst

Mehtaz Afsana Borsha Staff

3 years ago

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.

Ernst Asked this

3 years ago

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

Mehtaz Afsana Borsha Staff

3 years ago

You can use the css.

Ernst Asked this

3 years ago

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

Joel

3 years ago

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

Ernst Asked this

3 years ago

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.

Ernst Asked this

3 years ago

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

Mehtaz Afsana Borsha Staff

3 years ago

Thanks for your opinions.