Wrong order of CSS styles

  • Hello again!

    Another issue that I encountered after installing the new companion plug-in: The page header now has a greyish background instead of pure white. Now, when I hover menu items in navigation bar, they are highlighted with a white box.

    I checked the code and the problem is that now the theme’s CSS style is partly overridden by bootstrap’s default CSS definition. This has not been the case prior to installing the companion plug-in and the parent theme update.

    Can we do anything about the order of the CSS files in Appointment theme or companion plugin? See image attached.

    View post on imgur.com

    Regards,
    Bernd

Viewing 8 replies - 1 through 8 (of 8 total)

  • Hi
    Thanks for asking the query.
    We will fix this issue in our next update.
    To fix now Go to Appearance >> Customizer >> Find the additional css box.
    Add the below css code inside the custom css box.

    .navbar-default {
    background-color: transparent;
    }

    Let me know for any confusion.

    Thanks
    Webriti Support Team

    Thread Starter actronab

    (@actronab)

    This will only fix that particular problem. Due to the different order of CSS file inclusion, other styles might not be applied as expected, too! Maybe styles, that you and me do not even know of yet. So it is better, if you fix the file order in Appointment theme. Otherwise, I would have to fix ALL places were Bootstrap styles override the theme’s styles.

    HI
    It’s not an issue of CSS file enqueue theme menu.css didn’t call bz if the CSS is available in the media query.
    We will fix this issue in the next update and let you update here.
    If you have any other css related issue in any section of the theme, feel free to tell us.

    Thanks

    • This reply was modified 4 years, 7 months ago by akhlesh-nagar.
    Thread Starter actronab

    (@actronab)

    Just installed latest updates of Appointment theme and plug-in, but this issue still persists. Why has is not been fixed?

    Background color of navbar is set in child theme (e.g. Appointment Green), but not in parent theme. This will not fix the issue for other child themes based on Appointment.

    Furthermore, this just addresses this single issue. But there is a more general issue of CSS definitions not being applied properly, due to wrong order of file inclusion.

    HI
    Sure we will fix this issue in the next update.
    1 TO fix now find the script.php file located in your theme folder >> function folder >> scripts folder >> find the file.
    2 Open it and replace the code of it with the code mention in this link.
    https://pastebin.com/tG1p3stF

    Let me know for any confusion.
    Thanks

    • This reply was modified 4 years, 7 months ago by akhlesh-nagar.

    HI
    Did you try the above solution?

    Thanks

    Thread Starter actronab

    (@actronab)

    Why don’t you fix general problem in parent theme? CSS styles are still faulty.

    HI
    Which general problem are still available in the parent theme CSS style.
    Pls clear us.

    Thanks

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Wrong order of CSS styles’ is closed to new replies.