Home › Forums › Basel support forum › Enque child theme style.css >after< basel stylesheets

Enque child theme style.css >after< basel stylesheets

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 2, 2022 at 1:28 pm #395006

    ataub2qf
    Participant

    Afaik the child theme should always be enqued after the main themes css, so you can easily change the styles.

    However this is not the case in basel theme. See screenshot with the conflicting css files highlighted, as well as the element for example, whose settings got overridden by basel parent theme (was not the case with the older basel theme version).

    How can this be fixed, as there is a lot of modified css within the child theme?
    Thx!

    Attachments:
    You must be logged in to view attached files.
    August 2, 2022 at 1:29 pm #395009

    ataub2qf
    Participant

    Accidentially added the same image twice. Here the other.

    Attachments:
    You must be logged in to view attached files.
    August 4, 2022 at 12:18 am #395374

    Elise Noromit
    Member

    Hello,

    As soon as you update all the plugins, check the issue and we will check this issue as well.

    Best Regards,

    August 4, 2022 at 7:26 am #395410

    ataub2qf
    Participant

    I don’t know what this has toda with those 4 external plugins that have available updates in the meantime, but they are now also updates.

    So everything is updated right now.

    Attachments:
    You must be logged in to view attached files.
    August 5, 2022 at 11:36 pm #395834

    Elise Noromit
    Member

    Hello,

    Our theme does not include these plugins. You need to contact these plugins support to resolve all your issues.

    If you have any questions please feel free to contact us.

    Best Regards

    August 8, 2022 at 3:04 pm #396122

    ataub2qf
    Participant

    It is not about the plugins.

    It is about the styles the base theme embeds:

    <link rel='stylesheet' id='bootstrap-css'  href='https://shop.feenstaub.at/wp-content/themes/basel/css/bootstrap.min.css?ver=5.6.1' type='text/css' media='all' />
<link rel='stylesheet' id='basel-style-css'  href='https://shop.feenstaub.at/wp-content/themes/basel/style.min.css?ver=6.0.1' type='text/css' media='all' />
<link rel='stylesheet' id='child-style-css'  href='https://shop.feenstaub.at/wp-content/themes/basel-child/style.css?ver=5.1.1' type='text/css' media='all' />
<link rel='stylesheet' id='vc_font_awesome_5_shims-css'  href='https://shop.feenstaub.at/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/css/v4-shims.min.css?ver=6.9.0' type='text/css' media='all' />
<link rel='stylesheet' id='vc_font_awesome_5-css'  href='https://shop.feenstaub.at/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/css/all.min.css?ver=6.9.0' type='text/css' media='all' />
<link rel='stylesheet' id='basel-wp-gutenberg-css'  href='https://shop.feenstaub.at/wp-content/themes/basel/css/parts/wp-gutenberg.min.css?ver=5.6.1' type='text/css' media='all' />
<link rel='stylesheet' id='basel-int-mc4wp-css'  href='https://shop.feenstaub.at/wp-content/themes/basel/css/parts/int-mc4wp.min.css?ver=5.6.1' type='text/css' media='all' />
<link rel='stylesheet' id='basel-int-wpcf7-css'  href='https://shop.feenstaub.at/wp-content/themes/basel/css/parts/int-wpcf7.min.css?ver=5.6.1' type='text/css' media='all' />
<link rel='stylesheet' id='basel-woo-int-stripe-css'  href='https://shop.feenstaub.at/wp-content/themes/basel/css/parts/woo-int-stripe.min.css?ver=5.6.1' type='text/css' media='all' />
<link rel='stylesheet' id='basel-int-wpbakery-base-css'  href='https://shop.feenstaub.at/wp-content/themes/basel/css/parts/int-wpbakery-base.min.css?ver=5.6.1' type='text/css' media='all' />
<link rel='stylesheet' id='basel-woo-base-css'  href='https://shop.feenstaub.at/wp-content/themes/basel/css/parts/woo-base.min.css?ver=5.6.1' type='text/css' media='all' />
<link rel='stylesheet' id='basel-lib-owl-carousel-css'  href='https://shop.feenstaub.at/wp-content/themes/basel/css/parts/lib-owl-carousel.min.css?ver=5.6.1' type='text/css' media='all' />
<link rel='stylesheet' id='basel-el-banner-css'  href='https://shop.feenstaub.at/wp-content/themes/basel/css/parts/el-banner.min.css?ver=5.6.1' type='text/css' media='all' />
<link rel='stylesheet' id='basel-el-section-title-css'  href='https://shop.feenstaub.at/wp-content/themes/basel/css/parts/el-section-title.min.css?ver=5.6.1' type='text/css' media='all' />
<link rel='stylesheet' id='basel-opt-scrolltotop-css'  href='https://shop.feenstaub.at/wp-content/themes/basel/css/parts/opt-scrolltotop.min.css?ver=5.6.1' type='text/css' media='all' />

    See also the attached screenshot. All the styles you embed in those parts are below the basel-child theme (highlighted in green), so erases all the settings made there.

    Attachments:
    You must be logged in to view attached files.
    August 9, 2022 at 1:09 am #396207

    Elise Noromit
    Member

    Hello,

    Please make the full backup of the staging site and delete all the plugins except these:

    Contact Form 7
    Mailchimp for WordPress
    Safe SVG
    Slider Revolution
    WooCommerce
    WPBakery Page Builder
    XTEMOS Post Types plugin

    Switch to the parent theme and I will check the issues.

    Best Regards

    August 9, 2022 at 4:17 pm #396371

    ataub2qf
    Participant

    No worries, I just solved it by splitting the standard code from your child theme.

    So this one works in my child-themes functions.php:

    add_action( 'wp_enqueue_scripts', 'basel_child_enqueue_styles', 1000 );
function basel_child_enqueue_styles() {	
	$version = basel_get_theme_info( 'Version' );
	
	if( basel_get_opt( 'minified_css' ) ) {
		wp_enqueue_style( 'basel-style', get_template_directory_uri() . '/style.min.css', array('bootstrap'), $version );
	} else {
		wp_enqueue_style( 'basel-style', get_template_directory_uri() . '/style.css', array('bootstrap'), $version);
	}
}

// Taubenkorb 2022-08-08 -> Embed after Pagecssfiles::hooks -> enqueue_page_css_files
add_action( 'wp_enqueue_scripts', 'basel_child_enqueue_styles_feenstaub', 10101 );
function basel_child_enqueue_styles_feenstaub() {	
    $version = basel_get_theme_info( 'Version' );		
    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array('bootstrap'), $version, 'all');
}

    So you can close this. Thx.

    August 10, 2022 at 3:50 am #396439

    Elise Noromit
    Member

    You are welcome! We are here to help.

    Wish you a wonderful day!

  • Author
    Posts

Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)