Can i use only the mini slider?

  • Resolved qnkov

    (@qnkov)


    6 years, 2 months ago

    Hello. Is there a way i can use only the little slider, carosule, without the full screen above them?
    I want the use the plugin as showing top projects. The mini slider moving around and when you click on any image, to redirect you to any url i want? Is that possible. Thanks.

Viewing 8 replies - 1 through 8 (of 8 total)

  • Hi qnkov,

    – We checked this issue
    – And you can do it like this screenshot

    Please follow this instruction

    1. Download this file from link
    2. Replace this file from old file path is your plugin directory “ultimate-responsive-image-slider/uris-layout.php”
    3. Goto Create new gallery or existing gallery
    4. Add link in description field like this
    5. Set “Show Navigation Bullets” setting -OFF
    6. Set “Full Screen Slide Show” setting -OFF
    7. Paste this code in custom css and save the settings

    .sp-slides-container { display: none; }

    8. And last save the settings.

    Thanks

    Thread Starter qnkov

    (@qnkov)

    Thanks for your help. The fullscreen is off, i don’t know what was the other codes for, but i’ve added it. Dunno if everything is fine. But i want to remove the black bord that shows.

    Check picture:

    https://prntscr.com/kqxsly

    How can i remove that?

    • This reply was modified 6 years, 2 months ago by qnkov.
    • This reply was modified 6 years, 2 months ago by qnkov.
    • This reply was modified 6 years, 2 months ago by qnkov.
    Thread Starter qnkov

    (@qnkov)

    I’ve fixed the black bord with the arrow.

    And another thing if it’s possible. I would like to add somehow white bord around my carousle.

    This is how i want it.

    https://prnt.sc/kqz52j

    But this plugin conflict with another and i need to replace it.

    Here how your plugin works for me.

    https://prntscr.com/kqzdxa

    I would like to make an white bord around them like the other picture.

    I will await solution cuz this is the only plugin that works fine without conflict with other plugins.

    THanks!

    • This reply was modified 6 years, 2 months ago by qnkov.
    • This reply was modified 6 years, 2 months ago by qnkov.
    • This reply was modified 6 years, 2 months ago by qnkov.

    Hi qnkov,

    – Please change again your file
    – We create the gallery its look like this
    – Download this file from link
    – Replace this file from old file path is your plugin directory “ultimate-responsive-image-slider/uris-layout.php”
    – Set “Naviagation Pointer color setting” – set color to – “white”
    – Remove all css in custom css section and add new css and save the settings

    .sp-slides-container { display: none; } 

.sp-thumbnails-container.sp-bottom-thumbnails { 
  background: rgb(255, 255, 255); 
  border: solid 3px rgb(255, 255, 255); 
  border-radius: 1px;
  padding: 7px 8px 7px 8px; 
}

    Thanks.

    Thread Starter qnkov

    (@qnkov)

    This is amazing. Your help was superior. I’ve done everything and works fine with few things more to help me!

    Check picture: https://prntscr.com/kr7iui

    How can i close little more that space with the arrows? Close the gap bit more?

    I will past you my header.php if the change should be there. 

    <?php
	global $SMTheme;
	if ( isset($_POST['ajaxpage'])&&$_POST['ajaxpage']=='1' ) {
		ob_start();
		get_template_part('theloop');
		get_template_part('navigation');
		$return['content']=ob_get_contents();
		ob_end_clean();
		header('Content-type: application/json');
		echo json_encode($return);
		die();
	}
	$SMTheme->get_layout();
echo '<!DOCTYPE html>'."\r\n";
?>
<html <?php language_attributes(); ?>>
<head profile="https://gmpg.org/xfn/11">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width" />
	<title><?php wp_title( false ); ?></title>	
	<?php	$SMTheme->seo(); ?>

	<?php
		
		if(
			(is_archive()&&is_day()&&$SMTheme->get( 'seo', 'day' ))||
			(is_archive()&&is_month()&&$SMTheme->get( 'seo', 'month' ))||
			(is_archive()&&is_year()&&$SMTheme->get( 'seo', 'year' ))||
			(is_category()&&$SMTheme->get( 'seo', 'category' ))||
			(is_tag()&&$SMTheme->get( 'seo', 'tag' ))||
			(is_author()&&$SMTheme->get( 'seo', 'author' ))||
			(is_search()&&$SMTheme->get( 'seo', 'search' ))
		) {
			?><meta name="robots" content="noindex" /><?php
		}
		
	?>

	<?php if ( is_singular() ) { wp_enqueue_script( 'comment-reply' ); } ?>
	
	<?php  wp_head(); ?>
	
	<style type="text/css">
		<?php echo $SMTheme->get( 'integration','css' )?>
	</style>
	<?php
		echo $SMTheme->get( 'integration','headcode' );
	?>
	<script type="text/javascript">
		jQuery(document).ready(function() {

			<?php
				$SMTheme->block_slider_config();
			?>
			jQuery(".menus .children").addClass('sub-menu');
			
			<?php
				$SMTheme->block_menu_config("menus");
			?>
			jQuery('textarea[name="comment"]').each(function(){
				jQuery(this).attr('name','<?php echo $_SESSION['commentinput']; ?>');
			});
			jQuery('.feedback input').each(function(){
				jQuery(this).attr('name','<?php echo $_SESSION['commentinput']; ?>['+jQuery(this).attr('name')+']');
			});
			jQuery('.feedback textarea').each(function(){
				jQuery(this).attr('name','<?php echo $_SESSION['commentinput']; ?>['+jQuery(this).attr('name')+']');
			});
		});
	</script>
</head>
<body <?php 
	$class=$SMTheme->block_slider_css();
	$class.=' '.$SMTheme->sidebars_type;
	body_class( $class ); 
	?> layout='<?php echo $SMTheme->layout; ?>'>
<div id='scrollUp'><img src='<?php echo get_template_directory_uri().'/images/smt/arrow-up.png';?>' alt='Up' title='Scroll window up' /></div>                  
<div id='all'>
<div id='header'>
	<div class='container clearfix'>
		
		
		<div id='secondarymenu-container'>
			<div id="logo">
				<?php $SMTheme->block_logo();?>
			</div>
			
			<div class="menusearch" title="">
				<?php get_search_form(); ?>
			</div>
			
			<div id='menu-box'>
			<div id='secondarymenu'>
				<?php wp_nav_menu('depth=0&theme_location=sec-menu&container_class=menu-topmenu-container&menu_class=menus menu-topmenu&fallback_cb=block_sec_menu');	?>
			</div>
			</div>
			
		</div>
		
		
		<?php smt_mobile_menu('sec-menu'); ?>
		<?php smt_mobile_menu('main-menu'); ?>
		
		<div id='mainmenu-container'>
			<div id='mainmenu'>
				<?php $nav_menu_params=array(
					'depth'=>0,
					'theme_location'=>'main-menu',
					'menu_class'=>'menus menu-primary',
					'fallback_cb'=>'block_main_menu'
				);
				wp_nav_menu($nav_menu_params); ?>
			</div>
		</div>
			<?php
			if ((is_front_page()&&$SMTheme->get( 'slider', 'homepage'))||(!is_front_page()&&$SMTheme->get( 'slider', 'innerpage'))) {?>
				<div class='slider-container'>
					<div class='slider-bgr'>
					<?php $SMTheme->block_slider();	?></div>
                                   <?php echo do_shortcode('[URIS id="8859"]'); ?>
				</div><?php
			}?> 		

<div id='content-top' class='container'></div>
<div id='content'>
	<div class='container clearfix'>
		<?php get_sidebar(); ?> 
		<div id="main_content">

    And one more thing. Dunno if there is fix for this. Everytime when i open my site, the plugin looks like that in picture for 1-2 sec.

    Check picture: https://prntscr.com/kr7drh

    The plugin is loading really strange, and cuz my site is full of pages with anime projects, my users need to change pages nonstop and this happens everytime.

    Thanks!

    • This reply was modified 6 years, 2 months ago by qnkov.
    • This reply was modified 6 years, 2 months ago by qnkov.

    Hi qnkov,

    —Close the gap—–

    – Add css in your theme style.css

    1. Goto your theme folder and find style.css file
    2. open this file in text editor
    3. paste this code in the last 

    .slider-container {
    padding-bottom: 0px!important;
    margin-bottom: 0px!important;
    margin-top: 0px;
}

    4. after doing that please save the file
    5. and check your page

    6. When you open your site the image still load so its will take time so the gif image is shown during that time so we can’t remove this.

    Thanks.

    Thread Starter qnkov

    (@qnkov)

    Hello, i’ve done it, but nothing happens, even when i clear cache. I want little gap, not fully close. Thanks!

    Check my style.css

    /*
Theme Name: AnimePress
Theme URI: https://smthemes.com/animepress/
Author: The Smart Magazine Themes
Author URI: https://smthemes.com/
Description: Template by SMThemes.com
Version: 2.4.3
License: Creative Commons 3.0
Theme date: 06/05/2017
License URI: license.txt
Tags: white, red, light, fixed-width, featured-images, custom-menu, translation-ready, threaded-comments, theme-options
*/

/*	-==========================- GENERAL -==========================-  */
/*------------------------------ PAGE ------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(css/font.css);
html {
	background:#ffffff;
}
body {
	background:#044757;
	color:#333333;
}
#all {
	background:url(images/picture10.jpg);
        background-repeat: no-repeat;
        background-size: contain, cover;
}
a {
	color:#ed7900;
       /* text-decoration: noone; */
}
a:hover {
	color:#0085b2;
}
h1, h2, h3, h4, h5, h6, a.post_ttl {
	color:#333;
	 text-decoration:none; 
}

a.post_ttl {
	font-size:22px;
	font-family:'Bevan';
	color:#0085b2;
}

/*------------------------------ HEADER ------------------------------*/
#header {
	background:url(images/top.png) left top repeat-x;
}
#header .container{
	background:url(images/subheader.png) right top no-repeat;
}
#secondarymenu-container {
	position:relative;
}

/*------------------------------ SEARCH ------------------------------*/
#s {
	border:none;
	background:none;
	float:left;
	color:#a3a3a3;
	height:20px;
	line-height:20px;
	width:150px;
}
.searchbtn {
	height:20px;
	width:16px;
	margin-right:5px;
}
.searchform {
	background:#fff;
	border:1px solid #dddada;
	border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	margin:0;
}
/*------------------------------ CONTENT ------------------------------*/
.wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img {
    height: auto !important;
}

.articles .post-body {
	border-bottom:1px solid #e4e4e4;
	padding:0px;
	margin:0 30px;
	margin-bottom:30px;
}
.articles .post-caption p {
	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	font-style:italic;
	font-size:14px;
}
.articles .post-caption .post-date{
	float:right;
	color:#ed7900;
        /* text-decoration: none; */
}
#commentform #submit, input.readmore, a.readmore {
	background:url(images/readmore.png) left top no-repeat;
	border:none;
	width:113px;
	height:30px;
	line-height:30px;
	padding:0;
	padding-left:60px;
	color:#fff;
        
}
a.readmore:hover {
	background:url(images/readmore-hover.png) left top no-repeat;
}
#commentform #submit, input.readmore {
	background:#333;
	padding:0;
}
.featured_image {
	padding:3px;
	background:#0085b2;
}
.widget_posts ul li img,.widget_flickr a {
	padding:2px;
	background:none;
}
.page .pagination.classic {
	background:none;
}
.page-numbers {
	padding:0 20px;
	line-height:51px;
}
a.page-numbers {
	color:#ff9628;
	text-decoration:none;
}
a.page-numbers:hover {
	color:#00b5f2;
}
span.page-numbers {
	color:#ff9628;
}

/*------------------------------ FOOTER ------------------------------*/
}
#footer {
	color:#ffffff;
}
#footer .container {
	background:#333333;
	border-top:1px solid #333;
}
.footer-widgets-container {
	margin:30px 0;
}
#footer a {
	color:#ff9628;
}
#footer h3 {
	color:#fff;
	border-bottom:1px solid #fff;
}

/*------------------------------ WIDGETS AND SLIDER ------------------------------*/
#categories-2 .screen-reader-text {
	display:none;
}

#ssb-container ul li i{
   font-size:25px; // add your font size for icon
}
#ssb-container ul li a{
   font-size:16px; // add your font size for test
   margin-right:-25px; // increase or reduce margin as per your icons display.
}
.fp-next:hover {
	background:url(images/slide-right-hover.png) left top no-repeat;
}
.fp-prev:hover {
	background:url(images/slide-left-hover.png) left top no-repeat;
}
.fp-next, .fp-prev {
		width:55px;
		height:55px;
	}

.widget_categories ul li:before {
	content:"";
}
.widget_categories ul li {
	padding-left:20px;
	background:url(images/cat-li.png) left 6px no-repeat;
}
.widget_categories ul li:hover {
	background:url(images/cat-li-h.png) left 50% no-repeat;
}
/*	-==========================- DESKTOP -==========================-  */
	#content .container {
		background:#ffffff !important;
	}
	#logo {
		float:left;
	}
	.menusearch {
		float:rigth;
		margin-top:3px;
		margin-right:10px;
	}
	/*------------------------------ MENU ------------------------------*/
	#secondarymenu-container {
		padding-top:3px;
		height:31px;
		position:relative;
		z-index:11;	
	}
	#secondarymenu {
		float:right;
		margin-right:15px;
	}
	#secondarymenu li {
		margin-right:5px;
	}
	#secondarymenu a {
		color:#fff;
		text-decoration:none;
		padding:6px;
		display:block;
		font-size:12px;
	}
	#secondarymenu a:hover{
		color:#ffa242;
	}
	#mainmenu-container {
		height:54px;
	}
	#mainmenu {
		float:right;
	}
	#mainmenu li a {
		text-align:center;
		color:#333;
		display:block;
		text-decoration:none;
		font-family:'waltographregular';
		padding: 13px 15px;
		font-size: 16px;
		font-weight:bold;
	}
	#mainmenu li a:hover{
		color:#f6c729;
		background:url(images/back-menu-hover.png) repeat-x right top;
		border-radius:5px;
		text-shadow:1px 1px 1px #cccbc9;
}
	#header #mainmenu li ul {
		top:60px;
                left:0%;
	}
	#header li ul {
		top:38px;
	}
	#header li ul .transparent {
	}
	#header li ul .inner {
		background: -moz-linear-gradient(top,  #fafafa 0%, #e3e3e3 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fafafa 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fafafa 0%,#e3e3e3 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fafafa 0%,#e3e3e3 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #fafafa 0%,#e3e3e3 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
		background: #fafafa; /* Old browsers */
		border:1px solid #fff;
		border-radius:10px;
		padding:3px 0;
	}
	#header ul.children li, #header .sub-menu li {
		padding:0 !important;
		margin:0 !important;
		height:25px;
		line-height:25px;
		border:none !important;
	}
	#header ul.children li a, #header .sub-menu li a {
		color:#282828 !important; 
		padding:0 !important;
		border:none !important;
		height:25px;
		
		line-height:25px;
		background:none;
	}
	#header ul.children li a:hover, #header .sub-menu li a:hover {
		color:#252525 !important; 
		background:#d3d3d3 !important;
		border:none !important;
		box-shadow:none !important;
	}
	
	#header #mainmenu li ul .inner {
		background: -moz-linear-gradient(top,  #fafafa 0%, #e3e3e3 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fafafa 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fafafa 0%,#e3e3e3 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fafafa 0%,#e3e3e3 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #fafafa 0%,#e3e3e3 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
		background: #fafafa; /* Old browsers */
		border:1px solid #fff;
		border-radius:10px;

	}
	#header #mainmenu ul.children li a, #mainmenu .sub-menu li a {
		color:#511A04 !important;
		text-shadow:1px 1px 1px #fff;
		}
	#header #mainmenu ul.children li a:hover, #mainmenu .sub-menu li a:hover {
		color:#511A04 !important;
		border:none !important;
		box-shadow:none !important;
		background:#EDEDED;
}

	#header .sub-menu .sub-menu {
		top:0 !important;
	}
	/*------------------------------ SLIDER ------------------------------*/
	.slider-container {
		margin:15px 0;
	}
	.slider {
		position:relative;
		width:980px;
		margin:0 auto;
		padding:10px;
		background:#ffffff;
		box-shadow:0 0 4px #c5c3c3;
	}
	.fp-prev-next-wrap {
		margin:-10px;
	}
	.fp-prev,.fp-next {
		margin:0 -17px;
		margin-top:-22px;
	}
	.fp-slides,.fp-thumbnail,.fp-slides-items  {
		height:350px;
		width:980px;
	}
	.fp-content-fon {
		border-bottom:none;
		border-left:none;
		border-right:none;
	}
	.fp-content-fon, .fp-content {	
		left:0;
		right:0;
		bottom:0;
	}
	.slider-nothumb .fp-content-fon {
		background:#fff;
	}
	.slider-nothumb .fp-content a,.slider-nothumb .fp-content p{
		color:#000;
	}
	.fp-nav {
		bottom:25px;
		right:30px;
		left:auto;
	}

	#footer .footer_txt {
		border-bottom:4px solid #fff;
		background:url(images/footer.png) left bottom no-repeat;
		height:44px;
		padding:0;
		color:#333333;
		padding-left:20px;
		padding-top:10px;
	}
	#footer .smthemes {
		width: 452px; 
		float: right; 
		color: #fff;
	}
}

* WooCommerce */
.woocommerce a.button.alt, 
.woocommerce-page a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce-page button.button.alt, 
.woocommerce input.button.alt, 
.woocommerce-page input.button.alt, 
.woocommerce #respond input#submit.alt, 
.woocommerce-page #respond input#submit.alt, 
.woocommerce #content input.button.alt, 
.woocommerce-page #content input.button.alt,
.woocommerce-page #content .products li a.button {
	background:#333 !important;
	color:#fff !important;
	text-shadow:none !Important;
	border:none !important;
	box-shadow:none !Important;
	font-weight:normal !important;
}
.woocommerce a.button.alt:hover, 
.woocommerce-page a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce-page button.button.alt:hover, 
.woocommerce input.button.alt:hover, 
.woocommerce-page input.button.alt:hover, 
.woocommerce #respond input#submit.alt:hover, 
.woocommerce-page #respond input#submit.alt:hover, 
.woocommerce #content input.button.alt:hover, 
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page #content .products li a.button:hover  {
	background:#ff9628 !important;
}
.widget.woocommerce.widget_product_search #s {    
	border:1px solid #DDDADA !important;
}
.widget.woocommerce.widget_product_search #searchsubmit {
	background:#333;
	padding:2px 6px;
	color:#fff;
}
.widget.woocommerce.widget_product_search #searchsubmit:hover { 
}
.widget.woocommerce.widget_product_search { 
}
.woocommerce table.shop_table, .woocommerce-page table.shop_table {
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { 
	background:#067089;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range { 
	background:#044757;
}
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { 
}
.woocommerce-page #main_content > #container > #content { 
}
/*	-==========================- TABLET -==========================-  */

	/*------------------------------ MENU ------------------------------*/
	
	#secondarymenu-container {
		
		padding-top:3px;
	}
	
	
	
	
	
	
	
	#mainmenu li ul {
		top:65px;
		left:0;
	}

	

	.slider-container { padding-bottom:5px;}
}

/*	-==========================- MOBILE -==========================-  */
@media only screen and (min-width:240px) and (max-width:639px) {
	#header .container {
		background:none;
	}
	.menusearch {padding:3px 0;}
	#secondarymenu-container {
		padding-top:3px;
	}
	#logo {
		margin-bottom:20px;
	}
	
	
	
	
	.fp-next, .fp-prev {
		margin:0 -5px;
	}
	.footer-widgets .widgetf:first-child {
		border:none;
	}
	#content .container {
		background:#fff !important;
	}
	#footer {
		width:100%;
	}
	.widgetf {
		border-top:1px solid #45362d;
	}
	.articles .post-date {
		float:none;
	}
	.articles dt p img {
		display:none;
	}
	.fp-nav {
		bottom:-5px;
	}
	.slider-container {
    padding-bottom: 0px!important;
    margin-bottom: 0px!important;
    margin-top: 0px;
}
	#s {
		width:70%;
	
	}
}

    Hi qnkov,

    – Ok
    – Please share your web URL we will check it and apply css according to this.

    Thanks.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Can i use only the mini slider?’ is closed to new replies.