Wrong CSS order

  

I realized that some styles weren't being applied so I found out with Chrome Developer Tools that the CSS theme is the last on the CSS page headers.

Right before that CSS is the main application CSS. That's why my custom styles aren't applied.

What am I doing wrong?

Thanks,

Ricardo Costa


- Cloud Person Environment

- Service Studio 10.0.502.0

Hi Ricardo,


Can you take a screenshot of what the order of the stylesheets in the html look like?


Regards,

João Rosado



Hi João,

here it is.

thanks

Ricardo


Hi Ricardo,


It looks correct to me (at least according to the documentation and some other topics).

That last stylesheet (the one that says ".extra") only contains grid styles. So it comes last.

The rest of the Theme stylesheet for Theme.LuzSaudeTheme.css is included inside the Theme.PortalDoClienteTeste1.css and should be in the right order there.


Did I miss something?


Regards,
João Rosado


Thanks João,

I'm going to analyze this better but what's happening is that some button styles (:hover) were only overridden on the application style sheet if I placed the !important keyword on every style :( Otherwise the theme style gets applied.

As soon has I have more details I will let you know.

Regards,

Ricardo


Solution

I found out what the problem was.

- In theme css the style was defined like .desktop .button

- In application css the styke was only defined like .button

- The theme css was being correctly applied first.

I needed to override the style with .desktop .button

My fault.

Thanks João by your comments.

Regards,

Ricardo


Solution