[Resolved] No Toolset Starter Theme CSS

[Author]

Posts

[Alessandro]

Hi, i bought an html, css and js theme based on boostrap 4.0.

I full integrated css & js dependendencies in the toolset starter theme, but i would like to not use only my theme css with no conflicts.

I disabled everything on toolset administration and i only would use my custom css, but for some reason it still uses your theme's css

Where i could disable everything and full customize my theme ?

[Christian Cox]

Hi, I'm sorry but I do not understand what you want to accomplish. It sounds like you have the Toolset Starter Theme active, but you have also purchased another theme you would like to use. Can you explain why you want to use the Toolset Starter theme? Why not use the theme you purchased without the Toolset Starter theme?

[Alessandro]

Hi Christian,
i use Toolset Starter theme and i would like to use my own css.
I bought a "css theme" whose name is MdBootstrap Pro, you can see it in action here: hidden link

I simply would use this css code instead of Starter Theme's one. But while i do it it does not work fine. I made a plugin to deregister styles form toolset theme and i also noticed a bug: when trying to disable Bootstrap it doesn't work and it already includes it in output styles.

Simply what I'd need is to use just external css, i just know how to include it.

For my project one of my needs is to custom style search form in views. I would like to completely custom the multiple select form this way: hidden link

[Christian Cox]

I simply would use this css code instead of Starter Theme's one.
You can disable the theme CSS for Toolset Starter Theme in Appearance > Customize > Advanced Settings. Uncheck "Load theme CSS". Then in your child theme's functions.php file, modify the code that enqueues the main stylesheet and deregister Bootstrap. Re-enqueue it using your own Bootstrap 4 library files, something like this:

if ( ! function_exists( 'ref_enqueue_main_stylesheet' ) ) {
    function ref_enqueue_main_stylesheet() {
        if ( ! is_admin() ) {
            wp_enqueue_style( 'main', get_template_directory_uri() . '/style.css', array(), null );
            wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array(), null );
            wp_deregister_style( 'bootstrap_css' );
            wp_deregister_script( 'wpbootstrap_bootstrap_js' );
            wp_register_style( 'bootstrap_css', 'path/to/bootstrap.4.css' , array(), null );
            wp_register_script( 'wpbootstrap_bootstrap_js', 'path/to/bootstrap.4.js', array( 'jquery' ), null, true );
            wp_enqueue_style( 'bootstrap_css' );
            wp_enqueue_script( 'wpbootstrap_bootstrap_js' );
        }
    }
    add_action( 'wp_enqueue_scripts', 'ref_enqueue_main_stylesheet', 100 );
}

Change the path to the Bootstrap 4 files to match your site.