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

  • Resolved WP Sites – Brad Dalton

    (@wordpresssites)


    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)
  • 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)

    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)

    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)

    Resolved.

    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.