Support » Plugin: Slider by Soliloquy - Responsive Image Slider for WordPress » Load Child Theme CSS After Soliloquy CSS

Load Child Theme CSS After Soliloquy CSS

  • Resolved WP Sites – Brad Dalton

    (@wordpresssites)


    2 years, 8 months ago

    My custom css doesn’t work in Chrome and Safari but does in Firefox. Looks like this is because the plugin CSS is loading after the child theme CSS modifications.

    Do you have a solution for this?

    This is the CSS which is not working from your tutorial :

    
.soliloquy-container .soliloquy-caption {
	position: absolute!important;
	display: table!important;
	width: 100%!important;
	height: 100%!important;
	z-index: 100!important;
}
 
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
	display: table-cell!important;
	text-align: center!important;
	vertical-align: middle!important;
	padding: 20px 0 35px!important;
}

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Bryan Hadaway

    (@bhadaway)

    2 years, 8 months ago

    Hi Brad,

    Please note that if you’re on a paid version, you’ll need to use our official website for support.

    Anyway, can you try adding this updated CSS to Appearance > Customize > Additional CSS:

    body .soliloquy-container .soliloquy-caption {
	position: absolute !important;
	display: table !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 100 !important;
}
 
body .soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
	display: table-cell !important;
	text-align: center !important;
	vertical-align: middle !important;
	padding: 20px 0 35px !important;
}

    Thanks

    Thread Starter WP Sites – Brad Dalton

    (@wordpresssites)

    2 years, 8 months ago

    Thanks Bryan

    This seems to be causing a problem in soliloquy.css

    
.soliloquy-container *

    That fixes half the problem but looks like i’ll need to try dequeue the plugin styles and try loading them before the child styles. See if that works.

    Thread Starter WP Sites – Brad Dalton

    (@wordpresssites)

    2 years, 8 months ago

    Here’s how its loaded in the plugin line 114 in shortcode.php

    
  public function __construct() {

        // Load the base class object.
        $this->base = Soliloquy_Lite::get_instance();

        // Register main slider style.
        wp_register_style( $this->base->plugin_slug . '-style', plugins_url( 'assets/css/soliloquy.css', $this->base->file ), array(), $this->base->version );

        // Register main slider script.
        wp_register_script( $this->base->plugin_slug . '-script', plugins_url( 'assets/js/min/soliloquy-min.js', $this->base->file ), array( 'jquery' ), $this->base->version, true );

        // Load hooks and filters.
        add_shortcode( 'soliloquy', array( $this, 'shortcode' ) );
        add_filter( 'widget_text', 'do_shortcode' );

    }
    Thread Starter WP Sites – Brad Dalton

    (@wordpresssites)

    2 years, 8 months ago

    Resolved.

    Bryan Hadaway

    (@bhadaway)

    2 years, 7 months ago

    Good to hear. 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Load Child Theme CSS After Soliloquy CSS’ is closed to new replies.

Topic Tags

Views