Load Order of CSS Preset Styles

Hi @eckiwatong,

I’ve checked your issue above. I also encounter the same issue on my end. If you’re using our theme can you please add this function on the functions.php

function unhook_parent_style() {

  wp_dequeue_style( 'wp-bootstrap-starter-style' );
  wp_deregister_style( 'wp-bootstrap-starter-style' );

}
add_action( 'wp_enqueue_scripts', 'unhook_parent_style', 20 );

Please place the code above needed_styles_and_scripts_enqueue functions. Then enqueue new child stylesheet on the theme.

// Child theme style
    wp_enqueue_style( 'wpbs-child-css', get_stylesheet_directory_uri() . '/style.css');

This should look like this https://prntscr.com/oofxb1. I will be waiting for your feedback. Thanks for using our theme.

Hey there,

Thanks for your help, unfortunately it is not working for me (or I am simply not getting it right).
I tried both, modifying the functions.php in the parent theme and in the child theme.
In your Screenshot your Functions.php looks very different from mine – mine is acually empty at the moment.

Thanks a lot for your help!
Ecki

Hi @eckiwatong,

Here’s our child theme if you still having trouble.

Thanks for your feedback.

Thanks for your files. I exchanged the functions.php and added the rest of the files.
After that, I added the two functions at the same lines you have them but still I get “wp-bootstrap-starter-lumen-css” loaded after my child css ??

I have the following order of styles by ID:

wp-block-library-css
contact-form-7-css
cookie-law-info-css
cookie-law-info-gdpr-css
parent-style-css
wpbs-child-css-css
wp-bootstrap-starter-bootstrap-css-css
wp-bootstrap-pro-fontawesome-cdn-css
wp-bootstrap-starter-style-css
wp-bootstrap-starter-lumen-css

Any idea why it is not working?

Thanks
Ecki

Hi @eckiwatong,

Thanks for your feedback. I’ve checked my code on my end it’s working properly, I was unable to replicate the issue. Can you please send me the site URL? and also a screenshot of the functions.php for me to properly investigate the issue.

I will be waiting for your feedback.

Hi, sorry for not writing earlier. I have been away for a couple of days.
Here is the link: https://alfakon.tellit.de/
And here is the screenshot of the functions.php: https://alfakon.tellit.de/functions.png

Thanks!!!
Ecki

Hi @eckiwatong,

I think I got the solution for the issue. Can you please update the code in your functions.php

Please add this under unhook_parent_style() function

wp_dequeue_style( 'wp-bootstrap-starter-lumen' );
 wp_deregister_style( 'wp-bootstrap-starter-lumen' );

Then enqueue the lumen style again

// enqueue style
	wp_enqueue_style( 'lumen-style', get_template_directory_uri() . '/inc/assets/css/presets/theme-option/lumen.css' );

This must the look and format of the stylesheets https://prntscr.com/owddim.

I will be waiting for your feedback. Thanks for waiting.

Great, now it seems to work just fine.
Thank you for your help!!!
BR Ecki

Hi @eckiwatong,

Thanks for your feedback. If you have time please rate us if you’re satisfied with our service/theme https://www.ads-software.com/support/theme/wp-bootstrap-starter/reviews/#new-post. This will help us to improve our service and support. Feel free to create a new topic if you have issues and problems with regards to the theme.