Child CSS sheets not working for specific classes

[Whaleagency]

Hello Kleo team,

I have been working with Kleo for some time and the child css works fine, however I tried to make some changes to .pages-boxed, lowering the max-width, as it is was too wide. However this class simply doesnt take effect when its inserted into the kleo-child/style.css . I also tried with !important but it doesnt work.
In the end i had to change it in the app.css from the original template, but this is not a sustainable solution for me. Could you please advice on how i can make it work from the child stylesheet and maybe elaborate the problem and why its not recognizing it at the moment.

Thank you in advance.
Best,
Nikolay

[Catalin]

Hello,

Please provide me admin credentials for your website to be able to replicate your issue. Reply message as private for security reasons.

Thank you,
Catalin

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Whaleagency]

This reply has been set as private.

[Whaleagency]

This reply has been set as private.

[Whaleagency]

This reply has been set as private.

[Catalin]

I see a mistake in the css line:

COPY CODE

.page-boxed {
	max-width: 1024 !important;
}

no “px” added.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts