[PHP][HTML] Jak wycentrować Slider?, Centrowanie slidera Opcje

[edekodkredek]

Witam wszystkich forumowiczów (IMG:style_emoticons/default/smile.gif)

Od jakiegoś czasu prowadzę stronę postawioną na wordpressie. Mam mały problem z wyśrodkowaniem slidera.

Oto strona : artfancy.pl

Gdzie szukać rozwiązania?

Oprócz tego co niżej wkleiłem, mogę jeszcze podrzucić metaslider.php
Próbowałem coś zmienić w metaslider.php, ale wyskakiwał mi błąd i strona się crashowała, przez co musiałem poprawiać pliki na serwerze i zmieniać kod do poprzedniej wersji.

Na WP w ustawieniach zaawansowanych slidera mam zaznaczone " wysrodkuj " jednak nie daje to jak widać efektów:(

Z góry dzięki!

Szablon strony głównej:

[HTML] pobierz, plaintext 
<?php
/**
 * The main template file.
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * E.g., it puts together the home page when no home.php file exists.
 * Learn more: [url="http://codex.wordpress.org/Template_Hierarchy"]http://codex.wordpress.org/Template_Hierarchy[/url]
 *
 * @package vantage
 * @since vantage 1.0
 * @license GPL 2.0
 */
 
get_header(); ?>
 
<div id="primary" class="content-area">
	<div id="content" class="site-content" role="main">
 
		<?php if ( have_posts() ) : ?>
 
			<?php /* Start the Loop */ ?>
			<?php while ( have_posts() ) : the_post(); ?>
 
				<?php get_template_part( 'content', get_post_format() ); ?>
 
			<?php endwhile; ?>
 
			<?php vantage_content_nav( 'nav-below' ); ?>
 
		<?php else : ?>
 
			<?php get_template_part( 'no-results', 'index' ); ?>
 
		<?php endif; ?>
 
	</div><!-- #content .site-content -->
</div><!-- #primary .content-area -->
 
<?php get_sidebar(); ?>
 
<?php get_footer(); ?>
[HTML] pobierz, plaintext 

Ten post edytował edekodkredek 2.10.2013, 17:18:26

[kropamk]

dla .coin-slider popatrz co można by zmienić (IMG:style_emoticons/default/wink.gif)

Ten post edytował kropamk 2.10.2013, 19:14:04

[edekodkredek]

A gdzie to można znaleźć? ;p

Edit:

Znalazłem tylko coin-sliders-style.css (na serwerze oczywiscie ;p ) no i coin-slider.min.js

Jakieś pomysły?? ;p

Ten post edytował edekodkredek 2.10.2013, 21:12:27

[kropamk]

tak, plik to coin-slider-styles.css (IMG:style_emoticons/default/wink.gif) i odszukaj klase .coin-slider i czy jej czegoś nie brakuje aby wyrównać do środka (IMG:style_emoticons/default/smile.gif)

[edekodkredek]

Hmm.. Co panowie myślicie?

[HTML] pobierz, plaintext 
/*
	Coin Slider jQuery plugin CSS styles
	<a href="http://workshop.rs/projects/coin-slider" target="_blank">http://workshop.rs/projects/coin-slider</a>
*/
.coin-slider { zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
 
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }
 
.cs-title { 
	box-sizing: border-box; 
	-moz-box-sizing: border-box;
	width: 100%; 
	padding: 10px; 
	background-color: #000000; 
	color: #FFFFFF; 
}
 
.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
 
.cs-buttons { 
	font-size: 0px; 
	padding: 10px 0; 
	line-height: 10px;
	float: left; 
	width: 100%;
	text-align: center;
	left: auto !important;
	margin-left: 0 !important;
}
.cs-buttons a {
	margin-left: 5px;
	height: 10px; 
	width: 10px; 
	border: 1px solid #B8C4CF; 
	color: #B8C4CF; 
	text-indent: -1000px; 
	border-radius: 50%;
	background: #CCC;
	background: -webkit-linear-gradient(top, #CCCCCC, #F3F3F3);
	background: -moz-linear-gradient(top, #CCCCCC, #F3F3F3);
	background: -o-linear-gradient(top, #CCCCCC, #F3F3F3);
	background: -ms-linear-gradient(top, #CCCCCC, #F3F3F3);
	background: linear-gradient(top, #CCCCCC, #F3F3F3);
	display: inline-block;
	text-align: center;
}
.cs-buttons a.cs-active {
	background: #599BDC;
	background: -webkit-linear-gradient(top, #599BDC, #3072B3);
	background: -moz-linear-gradient(top, #599BDC, #3072B3);
	background: -o-linear-gradient(top, #599BDC, #3072B3);
	background: -ms-linear-gradient(top, #599BDC, #3072B3);
	background: linear-gradient(top, #599BDC, #3072B3);
	border-radius: 50%;
	box-shadow: 0 0 3px #518CC6;
	border: 1px solid #3072B3;
}
[HTML] pobierz, plaintext 

[kropamk]

dobra, napiszę, po prostu dodaj do .coin-slider { zoom: 1; position: relative; } jeszcze margin: 0 auto (IMG:style_emoticons/default/wink.gif)

[edekodkredek]

Wielkie dzięki! (IMG:style_emoticons/default/smile.gif)
Wiesz.. Rozumiem co miałeś na celu. Próbowałeś wzbudzić we mnie jakąś inicjatywę. Chwała dobrym ludziom! (IMG:style_emoticons/default/smile.gif) Doceniam to, bardzo. Gdybym tylko potrafił kodzić w PHP/HTML spróbowałbym coś sam (IMG:style_emoticons/default/smile.gif) Jeszcze raz, dziękuję!

[HTML] pobierz, plaintext 
.coin-slider { zoom: 1; position: relative; margin: 0 auto }
[HTML] pobierz, plaintext 

Czy o to chodzilo? (IMG:style_emoticons/default/wink.gif)


Edit:

Jeśli tak.. to nie poskutkowało (IMG:style_emoticons/default/sad.gif)

Ma ktoś jakiś pomysł jak to rozwiązać? (IMG:style_emoticons/default/smile.gif)

Ten post edytował edekodkredek 2.10.2013, 22:22:28