Bug in applying custom styles in the template INDIGO. - Forum | JoomShaper
Solved Templates

Bug in applying custom styles in the template INDIGO.

Asked by Chernyshov Nikolay 5 years ago Last activity 5 years ago

Accepted answer

Marked as the solution
Ariba Staff

Hello Nikolay

If i may,

The code in the theme.scss file is not getting ignored by default. They are being applied in the site fine.

Problem is: The Live Demo version is only displaying what is rendered by the template only and from quickstart you are getting the components generated by the SP Page builder.

And the builder is doing fine rendering the template except for the tab element defined in "indigo\components\com_sppagebuilder\addons\tab\site.php"
Here on line 28 the css class (modern-tab) is wrongly prefixed by this string "sppb-" and making the css class as "sppb-modern-tab". Thus the rules defined in template css file for class "modern-tab" was not being applied.

You can replace that file with the following site.php file inside the zip file attached. I have removed the prefix from there, it should work fine now.

site.zip

8 more replies

Muntasir Sakib Staff

Hello there,

Please share the exact page URL with us so that we can have a look at our end as it works completely fine at our end.

Thanks!

Ofi Khan Staff

Hello Chernyshov Nikolay

I hope that you have added the CSS into the correct file. Add !important after the style property value. Hopefully, this tip will work. For example, use this CSS to Template Options -> Custom Code -> Custom CSS

.home-portfolio-tab{
    border: 3px solid black !important;
}

Quickstart and our website demo may vary. But you always have the authority to change the style as you want. If not solved, please follow Mr. Muntasir's comment and share the link with us.

Best regards

Chernyshov Nikolay Asked this

Not solved.
The fact is that in practice, the authority to change styles does not actually work.
The website is not responsive to users style settings.

Ofi Khan Staff

Please follow this documentation and check the Custom CSS option there. Add a custom.css file under templates/indigo/css folder. Then add all your custom style in that file.

Chernyshov Nikolay Asked this
5 years ago · edited

I don't have my own styles. The site does not respond to settings by JOOMSHAPER specified in the files SCSS - templates\indigo\scss\

Some of the Joomshaper code in the theme.scss file is ignored by default. For example, the style settings are named the home-portfolio-tab.

This is a Joomshaper bug. Definitely.

We should fix it.

Chernyshov Nikolay Asked this

Everything is working correctly now. Thank you!

Ariba Staff

You are most welcome :)

Log in to reply.