Preset Colors Or Custom Style are Not Working Properly - Question | JoomShaper

Preset Colors Or Custom Style are Not Working Properly

JU

Joomla User

Template 1 week ago

I just upgrade my site from J4 to J5.4.2 and updatet PageBuilder from 3 to 6.

I had a problem with error: Top-level selectors may not contain the parent selector "&". , 749 | &.sppb-btn-default { | ^ ' presets.scss 749:1 @import - 1:9 root stylesheet

I found a solution on the forum: When Complile SCSS to CSS is off, then the error is gone. So this setting is ‘off’.

I have settings of colors in: Presets > Custom Style but these colors do not show up. The header, menu and footer of my site has colors I did not install. So I set preset 1 as default, because that colors match better with the site. But when I tried changing colors in ‘preset 1’ nothing happened. The new colors I do not see.

How can I solve this?

Joomla 5.4.2 – template Keynote 2.0.1 - Helix Ultimate Framework 2.2.4

0
9 Answers
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 week ago #218038

In preset.scss file there was a small mistakes, (&)

//button default

&.sppb-btn-default {
  color: $text_color;
}

I just removed this & and issues fixed.

If everything is working fine now, please mark the question as complete by accepting any of our answers.

Thank you!

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 week ago #217891

Hello,

Thank you for reaching out to us.

After changing any preset color, please run the SCSS to CSS compiler. Once the compilation is complete, save the settings. Then disable the compiler and save again.

This will ensure the changes are properly applied.

Thanks.

0
JU
Joomla User
Accepted Answer
1 week ago #217892

How do I run the SCSS to CSS compiler?

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 week ago #217896

Just enable it, then save it and then disable it again.

Thanks

0
JU
Joomla User
Accepted Answer
1 week ago #217921

When I enable 'Compile SCSS to CSS' I get the: 0 Top-level selectors may not contain the parent selector "&". , 749 | &.sppb-btn-default { | ^ ' presets.scss 749:1 @import - 1:9 root stylesheet

I can press save and enable it, but nothing changed. The error is one of the problems.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 week ago #217992

Could you please share temporary administrator access to your Joomla backend? You can provide the credentials securely in the hidden content section. Also, please take a full backup of your site before we make any changes.

Once I have access, I’ll investigate further and see what’s causing the issue. Let me know once you’ve shared the details!

Best regards,

0
JU
Joomla User
Accepted Answer
1 week ago #218033

Hi Ziaul, In the 'hidden content' are the credentials.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 week ago #218036

Please, check now.

Thanks

0
JU
Joomla User
Accepted Answer
1 week ago #218037

Thanks Ziaul, it is working now. Could you tell what is changed?

0