page with own styling

[Andre]

Hi, i want to create one page, one my site using boss theme, with other styling for a running campaign. I refer to my own stylesheet, but somehow the boss css and javascripts are overruling this. I placed all new files into child theme. Any help is much appreciated.

[Anonymous]

Hi @gimmedia
First you need to check all handle your need remove

https://wordpress.org/plugins/debug-bar/
List all handle and add theme as following
I have used a sample handle name to demonstrate

and you can wrap action which conditional logic with corresponding page id

/**
 * Dequeue the Parent Theme scripts.
 *
 * Hooked to the wp_print_scripts action, with a late priority (100),
 * so that it is after the script was enqueued.
 */
function bb_dequeue_boss_script() {
 wp_dequeue_script( 'comment-reply' ); //If you're using disqus, etc.
 wp_dequeue_script( 'jquery_ui' ); //jQuery UI, no thanks!
 wp_dequeue_script( 'fancybox' ); //Nah, I use FooBox
 wp_dequeue_script( 'wait_for_images' );
 wp_dequeue_script( 'jquery_easing' );
 wp_dequeue_script( 'swipe' );
 wp_dequeue_script( 'waypoints' );
}
 
add_action( 'wp_print_scripts', 'bb_dequeue_boss_script', 100 );
 
/**
 * Dequeue the Parent Theme styles.
 *
 * Hooked to the wp_enqueue_scripts action, with a late priority (100),
 * so that it runs after the parent style was enqueued.
 */
 
function bb_dequeue_theme_css() {
    wp_dequeue_style('additional-parent-style');
    wp_deregister_style('additional-parent-style');
}
add_action('wp_enqueue_scripts','bb_dequeue_theme_css', 100);

Regards
Varun Dubey

[Andre]

Thanks Varun, but how do I wrap this action which conditional logic with corresponding page id? Because I have only a specific page which needs to be excluded. Can I put this also in the header or footer?

[Andre]

My page ID is 3013, is this the right way to disable buddyboss css?

add_action( 'wp_print_styles', 'deregister_buddyboss_styles', 3013 );
function deregister_buddyboss_styles() {
    wp_deregister_style( 'boss-main-desktop-css' );
	wp_deregister_style( 'boss-main-global-css' );
}

[Anonymous]

Hi @gimmedia,
You can add like this
Conditional logic only for the actions.
You can use your developer to do these edits and create custom template for you.

The handle i have used is symbolic you need to cross check with debug plugin which i have mentioned above to removed on the basis of your requirement.

<?php

function bb_dequeue_boss_script() {
    wp_dequeue_script( 'comment-reply' ); //If you're using disqus, etc.
    wp_dequeue_script( 'jquery_ui' ); //jQuery UI, no thanks!
    wp_dequeue_script( 'fancybox' ); //Nah, I use FooBox
    wp_dequeue_script( 'wait_for_images' );
    wp_dequeue_script( 'jquery_easing' );
    wp_dequeue_script( 'swipe' );
    wp_dequeue_script( 'waypoints' );
}

function bb_dequeue_theme_css() {
    wp_dequeue_style('additional-parent-style');
    wp_deregister_style('additional-parent-style');
}

if ( is_page( 3013 ) ) {  
   add_action( 'wp_print_scripts', 'bb_dequeue_boss_script', 100 );  
   add_action('wp_enqueue_scripts','bb_dequeue_theme_css', 100);
}   
?>

Regards

[Andre]

do I put this in the child theme or main boss theme?

[Anonymous]

Hi @gimmedia, Please put all the edits in your child theme (just to preserve your custom work)

REgards

[Andre]

Hi, thanks. I have a problem with the debug-bar, since admin bar is not showing on my page. Can you provide a list of things to disable Boss theme completely from a page I am missing? I tried to exclude the following, but still all is loaded. I placed the code below in the child-theme functions.php and the test page I’m using has ID 3013.

<?php

function bb_dequeue_boss_script() {
    wp_dequeue_script( 'buddyboss' );
}

function bb_dequeue_theme_css() {
    wp_dequeue_style('boss-main-global-css');
    wp_deregister_style('boss-main-global-css');

    wp_dequeue_style('boss-main-desktop-css');
    wp_deregister_style('boss-main-desktop-css');

    wp_dequeue_style('boss-main-mobile-css');
    wp_deregister_style('boss-main-mobile-css');
}

if ( is_page( 3013 ) ) {  
   add_action( 'wp_print_scripts', 'bb_dequeue_boss_script', 100 );  
   add_action('wp_enqueue_scripts','bb_dequeue_theme_css', 100);
}   
?>

[Andre]

any help is much appreciated! 😉