Bug In Applying Custom Styles In The Template INDIGO.
Chernyshov Nikolay
Live Demo INDIGO template version renders custom styles correctly, but local installation indigo_quickstart_j3_v1.5 ignores custom styles for example style named as home-portfolio-tab.
Screenshots here: https://drive.google.com/drive/folders/1g6hSmGk2I0t56jVlJhxKfpGQzhngz2Kb?usp=sharing
Ariba
Accepted AnswerHello 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.
Muntasir Sakib
Accepted AnswerHello 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!
Chernyshov Nikolay
Accepted Answer
Ofi Khan
Accepted AnswerHello 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
Accepted AnswerNot 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
Accepted AnswerPlease 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
Accepted AnswerI 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.