Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi,
Your new slider (seen in Influence) looks very cool, is there a Vantage theme update in progress with that new feature?
Best regards,
Hi David
Thanks for taking a look at Influence.
No plan right now but I’ll mention it to Greg.
I’ve whipped up a child theme here: https://siteorigin.com/wp-content/uploads/2014/08/vantage-child-new-slider.zip. Download and install via Appearance > Themes > Add New > Upload.
Once installed go to Appearance > Widgets and add the SiteOrigin Slider to the Slider widget area.
(Whenever you activate a child theme you do unfortunately need to redo all the Customizer settings and often re-assign the menu)
We’re a little pushed on time so this might not be perfect. Let me know how it looks in testing and we’ll tweak it from there.
Hi Andrew,
Thank you so much for your fast reply and for the child theme!
It works great, almost perfect, except two small things:
1) There is a tiny gap below the slider.
I can see that it is the 1.5em in the css below but I am not good at css and I am not sure if setting margin to 0px will not break something else in the theme???
.widget {
margin: 0px 0px 1.5em;
}
2) There is a black dot near the top left corner of the slider.
I have no idea of to remove it???
Do you have a little more time to take a look at those issues?
My website is http://www.davidbriard.com.
Best regards and thanks again!
Sorry, I found a 3rd problem.
3) The slider is visible everywhere, not only on the homepage.
Thanks for working through this with me during a busy period for us. I’ve create a new child theme here:
https://siteorigin.com/wp-content/uploads/2014/08/vantage-child-so-slider.zip
If you want to avoid re-doing Customizer settings then un-zip this one and copy its files into your current child theme, overwriting the style.css, functions.php and header.php already there. I should have solved all three issues.
Thanks Andrew,
It works now :)
I just had to do a little change in the css because I don’t know why but the slider was half sized and aligned to the right…
Here my changed css:
.widget.widget_sow-slider { margin: -0px 0 0!important; list-style:none; }
I also had to add “list-style:none;” to hide the visible bullet.
Now its perfect, thanks to your help, and I will remove metaslider which does not look as good as your slider.
Have a nice day!
In my updated style.css I had:
.widget.widget_sow-slider { margin: -19px 0 0!important; }Sorry if that didn’t work, it seemed ok in my demo. The -19px will get your slider flush with the menu if you want that.
Thanks for the additional list style note. Glad to hear we made progress.
For information, here what happen if margin is -19px
http://tinyurl.com/la3b5cc
and live on http://www.davidbriard.com
In fact it seems that the slider is exactly at the end of the menu… most strange.
Ahh ok I see. You need to either list -19px for the top margin OR list-style: none; but not both. I’d go with list-style: none; – here is my setup now:
Child theme stylesheet:
/* Theme Name: Vantage Child Theme – SO Slider Author: SiteOrgin Template: vantage Version: 1.0.0 */ @import url(“../vantage/style.css”); .widget.widget_sow-slider { list-style: none; margin: 0!important; }Child theme header.php file:
<?php /** * The Header for our theme. * * Displays all of the <head> section and everything up till <div id="main"> * * @package vantage * @since vantage 1.0 * @license GPL 2.0 */ ?><!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <meta charset="<?php bloginfo( 'charset' ); ?>” /> <meta http-equiv="X-UA-Compatible" content="IE=10" /> <title><?php wp_title( '|', true, 'right' ); ?></title> <link rel="profile" href="http://gmpg.org/xfn/11" /> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>” /> <?php wp_head(); ?> </head> <body <?php body_class(); ?>> <?php do_action('vantage_before_page_wrapper') ?> <div id="page-wrapper"> <?php do_action( 'vantage_before_masthead' ); ?> <?php get_template_part( 'parts/masthead', apply_filters( 'vantage_masthead_type', siteorigin_setting( 'layout_masthead' ) ) ); ?> <?php do_action( 'vantage_after_masthead' ); ?> <?php if ( is_front_page() ) { if (function_exists('dynamic_sidebar')) { dynamic_sidebar('slider'); } } ?> <?php do_action( 'vantage_before_main_container' ); ?> <div id="main" class="site-main"> <div class="full-container"> <?php do_action( 'vantage_main_top' ); ?>Child theme functions.php file:
<?php function vantage_child_widgets_init() { register_sidebar( array( 'name' => __( ‘Slider’, ‘vantage’ ), ‘id’ => ‘slider’, ) ); } add_action( ‘widgets_init’, ‘vantage_child_widgets_init’ );That’s perfect for me :)
Thanks a lot for the great support!
Best Regards,
Super glad we got that working. This is great reference thread, thanks for asking. All the best.