Tabulka uprostřed stránky ???

Petr
Autor
OFFLINE
Začátečník

Více

03. dub 2019 13:11 - 03. dub 2019 13:22 #139700 od Petr

Tabulka uprostřed stránky ??? od Petr

Dobrý den.
Můžete mi prosím pomoci. Na webu www.1bet.cz jsem přidal komponentu KeenIT Solution Table demo.keenitsolution.com/price-table-documentaion
Na stránce mám ve slideru 2 tabulky, ale formátují se mi pořád do levé strany. Zkoušel jsem nějaké příkazy, ale to mi je zase rozhodí pod sebe. Můžete mi prosím poradit jak je udělám, aby se mi zobrazovali uprostřed stránky?
Fakt už si nevím rady.
Díky moc

.keenpt_2_plans .keenpt_plan {width:15%; float:left; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; transition: all linear 0.2s; border-radius: 8px;}
.keenpt_2_plans .keenpt_plan:hover { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); transform: scale(1.08); -webkit-box-shadow: 0px 8px 8px 0px rgba(50, 50, 50, 0.

; -moz-box-shadow: 0px 8px 8px 0px rgba(50, 50, 50, 0.

; box-shadow: 0px 8px 8px 0px rgba(50, 50, 50, 0.

;}
.keenpt_2_plans .keenpt_plan_0 {margin-right:20px;}

Cony
Pryč
Moderátor

Více

03. dub 2019 13:18 #139701 od Cony

Odpověď od Cony v tématu Tabulka uprostřed stránky ???

Třeba

Code:

.keenpt_2_plans {
display: flex;
justify-content: center;
}

Poděkovali: Petr

Petr
Autor
OFFLINE
Začátečník

Více

03. dub 2019 13:24 #139702 od Petr

Odpověď od Petr v tématu Tabulka uprostřed stránky ???

Ani se nehne :-(

Bong
OFFLINE
Moderátor

Více

03. dub 2019 13:46 #139703 od Bong

Odpověď od Bong v tématu Tabulka uprostřed stránky ???

Kod vlozeny do obsahu clanku (html modulu) staciva proste oznacit a zarovnat na stred v editoru....

I'm sorry, my responses are limited...you must ask the right questions.

Petr
Autor
OFFLINE
Začátečník

Více

03. dub 2019 13:52 #139704 od Petr

Odpověď od Petr v tématu Tabulka uprostřed stránky ???

Tato komponenta má i vlastní modul, ale v tom nejde nic upravovat, protože tam skoro nic není.
Proto je nutné úpravu provést v tomto kódu a s tím si nejsem schopný sám pomoci :-(

Code:

.keenpt_2_plans .keenpt_plan {width:15%; float:left; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; transition: all linear 0.2s; border-radius: 8px;}
.keenpt_2_plans .keenpt_plan:hover { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); transform: scale(1.08); -webkit-box-shadow: 0px 8px 8px 0px rgba(50, 50, 50, 0.8); -moz-box-shadow: 0px 8px 8px 0px rgba(50, 50, 50, 0.8); box-shadow:  0px 8px 8px 0px rgba(50, 50, 50, 0.8);}
.keenpt_2_plans .keenpt_plan_0 {margin-right:20px;}

.keenpt_style_basic .keenpt_plan .keenpt_title img {margin-right:10px; position:relative; top:4px;}
.keenpt_style_basic .keenpt_plan .keenpt_title {
	border-bottom:#111 solid 1px;
	background:#222;
	padding:14px 18px;
	font-size:26px;
	color:white; 
	line-height:48px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.keenpt_title{ text-align:center !important;}
.keenpt_style_basic .keenpt_sm_title .keenpt_plan .keenpt_title {font-size:20px;}
.keenpt_style_basic .keenpt_xsm_title .keenpt_plan .keenpt_title {font-size:17px;}

.keenpt_4_plans .keenpt_plan .keenpt_title {font-size:17px;}
.keenpt_4_plans .keenpt_sm_title .keenpt_plan .keenpt_title {font-size:15px;}
.keenpt_4_plans .keenpt_xsm_title .keenpt_plan .keenpt_title {font-size:13px;}

.keenpt_5_plans .keenpt_plan .keenpt_title {font-size:15px;}
.keenpt_5_plans .keenpt_sm_title .keenpt_plan .keenpt_title {font-size:13px;}
.keenpt_5_plans .keenpt_xsm_title .keenpt_plan .keenpt_title {font-size:12px;}

.keenpt_style_basic .keenpt_plan .keenpt_head .keenpt_price .keenpt_currency {
	position:relative;
	top:-44px;
	left:-10px;
	font-size:35px;
	line-height:0px;
}

.keenpt_4_plans .keenpt_plan .keenpt_head .keenpt_price .keenpt_currency {top:-36px;}
.keenpt_5_plans .keenpt_plan .keenpt_head .keenpt_price .keenpt_currency {top:-26px;}



.keenpt_style_basic .keenpt_plan .keenpt_head .keenpt_price {
	padding:6px 10px;
	font-size:74px;
	line-height:100px;
	font-weight:300;
	text-align:center;
	color:white; 
	text-shadow: 1px 2px 7px rgba(0, 0, 0, 0.6);
}

.keenpt_style_basic .keenpt_sm_price .keenpt_plan .keenpt_head .keenpt_price {font-size:72px;}
.keenpt_style_basic .keenpt_xsm_price .keenpt_plan .keenpt_head .keenpt_price {font-size:66px;}

.keenpt_4_plans .keenpt_plan .keenpt_head .keenpt_price {font-size:69px; line-height:80px;}
.keenpt_4_plans .keenpt_sm_price .keenpt_plan .keenpt_head .keenpt_price {font-size:63px; line-height:75px;}
.keenpt_4_plans .keenpt_xsm_price .keenpt_plan .keenpt_head .keenpt_price {font-size:57px; line-height:70px;}

.keenpt_5_plans .keenpt_plan .keenpt_head .keenpt_price {font-size:59px; line-height:80px;}
.keenpt_5_plans .keenpt_sm_price .keenpt_plan .keenpt_head .keenpt_price {font-size:54px; line-height:80px;}
.keenpt_5_plans .keenpt_xsm_price .keenpt_plan .keenpt_head .keenpt_price {font-size:47px; line-height:80px;}

.keenpt_style_basic .keenpt_plan .keenpt_head .keenpt_recurrence {
	font-size:13px;
	font-weight:300;
	line-height:18px;
	padding:20px 40px 10px;
	color:lightgrey;
	text-align:center;
}

.keenpt_style_basic .keenpt_sm_recurrence .keenpt_plan .keenpt_head .keenpt_recurrence {font-size:11px; padding:20px 40px 4px;}

.keenpt_style_basic .keenpt_plan .keenpt_head .keenpt_subtitle {
	font-size:16px;
	line-height:20px;
	font-weight:300;
	text-align:center; 
	padding:10px 40px 20px;
	color:#fff;
}

.keenpt_style_basic .keenpt_sm_subtitle .keenpt_plan .keenpt_head .keenpt_subtitle {font-size:14px;}
.keenpt_style_basic .keenpt_xsm_subtitle .keenpt_plan .keenpt_head .keenpt_subtitle {font-size:12px;}

.keenpt_4_plans  .keenpt_plan .keenpt_head .keenpt_subtitle {font-size:16px; line-height:18px; padding:10px 20px 20px;}
.keenpt_4_plans .keenpt_sm_subtitle .keenpt_plan .keenpt_head .keenpt_subtitle {font-size:14px; line-height:17px;}
.keenpt_4_plans .keenpt_xsm_subtitle .keenpt_plan .keenpt_head .keenpt_subtitle {font-size:13px; line-height:16px;}

.keenpt_5_plans .keenpt_plan .keenpt_head .keenpt_subtitle {font-size:15px; line-height:18px; padding:10px 20px 20px;}
.keenpt_5_plans .keenpt_sm_subtitle .keenpt_plan .keenpt_head .keenpt_subtitle {font-size:13px; line-height:17px;}
.keenpt_5_plans .keenpt_xsm_subtitle .keenpt_plan .keenpt_head .keenpt_subtitle {font-size:12px; line-height:16px;}

.keenpt_style_basic .keenpt_plan .keenpt_head .keenpt_description {
	font-size:14px;
	line-height:20px;
	padding:0px 40px 30px;
	font-weight:300;
	text-align:center; 
	color:#fff;
}

.keenpt_style_basic .keenpt_sm_description .keenpt_plan .keenpt_head .keenpt_description {font-size:12px;}

.keenpt_4_plans  .keenpt_plan .keenpt_head .keenpt_description {font-size:13px; line-height:18px; }
.keenpt_4_plans .keenpt_sm_description .keenpt_plan .keenpt_head .keenpt_description {font-size:12px; line-height:17px;}

.keenpt_5_plans .keenpt_plan .keenpt_head .keenpt_description {font-size:12px; line-height:18px;}
.keenpt_5_plans .keenpt_sm_description .keenpt_plan .keenpt_head .keenpt_description {font-size:11px; line-height:17px;}

.keenpt_style_basic .keenpt_plan .keenpt_features {
	padding:0px;
	background:whitesmoke;	
	text-align:center;
}

.keenpt_style_basic .keenpt_plan .keenpt_features .keenpt_feature {
	font-size: 16px;
	border-bottom: 1px dotted lightgrey;
}
.keenpt_style_basic .keenpt_sm_features .keenpt_plan .keenpt_features .keenpt_feature {font-size: 14px;}

.keenpt_4_plans .keenpt_plan .keenpt_features .keenpt_feature {
	padding:6px 10px;
	font-size: 14px;
}
.keenpt_4_plans .keenpt_sm_features .keenpt_plan .keenpt_features .keenpt_feature {font-size: 12px;}

.keenpt_5_plans .keenpt_plan .keenpt_features .keenpt_feature {
	padding:6px 10px;
	font-size: 13px;
}
.keenpt_5_plans .keenpt_sm_features .keenpt_plan .keenpt_features .keenpt_feature {font-size: 11px;}

.keenpt_style_basic .keenpt_plan .keenpt_foot {
	display:block;
	padding:10px 30px;
	border-top:whitesmoke solid 2px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	text-align:center;
	color: white;
	font-size: 24px;
	text-decoration:none;
	font-weight:300;
	transition:All 500ms ease;
	-webkit-transition:All 500ms ease;
	-moz-transition:All 500ms ease;
	-o-transition:All 500ms ease;
} 
.keenpt_style_basic .keenpt_sm_button .keenpt_plan .keenpt_foot {font-size: 18px;}

.keenpt_4_plans .keenpt_plan .keenpt_foot {padding:10px 20px; font-size:18px; text-transform:uppercase;}
.keenpt_4_plans .keenpt_sm_button .keenpt_plan .keenpt_foot {padding:4px 20px; font-size:17px;}

.keenpt_5_plans .keenpt_plan .keenpt_foot {padding:4px 20px; font-size:17px;}
.keenpt_5_plans .keenpt_sm_button .keenpt_plan .keenpt_foot {font-size:16px;}

.keenpt_style_basic .keenpt_plan .keenpt_foot:hover {opacity:0.8;}

.keenpt_style_basic .keenpt_plan img {box-shadow:0 0 0; border:none;}

.keenpt_style_basic .keenpt_recommended_plan {position:relative; top:-10px;}

.keenpt_style_basic .keenpt_recommended_plan .keenpt_title {background:#111;}

.keenpt_style_basic .keenpt_recommended_plan .keenpt_head .keenpt_price {font-size:98px;}
.keenpt_4_plans .keenpt_recommended_plan .keenpt_head .keenpt_price {font-size:74px;}
.keenpt_5_plans .keenpt_recommended_plan .keenpt_head .keenpt_price {font-size:67px;}

.keenpt_style_basic .keenpt_sm_price .keenpt_recommended_plan .keenpt_head .keenpt_price {font-size:93px;}
.keenpt_4_plans .keenpt_sm_price .keenpt_recommended_plan .keenpt_head .keenpt_price {font-size:70px;}
.keenpt_5_plans .keenpt_sm_price .keenpt_recommended_plan .keenpt_head .keenpt_price {font-size:64px;}

.keenpt_style_basic .keenpt_xsm_price .keenpt_recommended_plan .keenpt_head .keenpt_price {font-size:88px;}
.keenpt_4_plans .keenpt_xsm_price .keenpt_recommended_plan .keenpt_head .keenpt_price {font-size:67px;}
.keenpt_5_plans .keenpt_xsm_price .keenpt_recommended_plan .keenpt_head .keenpt_price {font-size:61px;}

.keenpt_style_basic .keenpt_recommended_plan .keenpt_head {

}

.keenpt_style_basic .keenpt_recommended_plan .keenpt_foot {font-size:30px; padding:16px 0px;}
.keenpt_style_basic .keenpt_sm_button .keenpt_recommended_plan .keenpt_foot {font-size:30px;}

.keenpt_4_plans .keenpt_recommended_plan .keenpt_foot {font-size:22px; font-weight:300; padding:10px 0px;}
.keenpt_4_plans .keenpt_sm_button .keenpt_recommended_plan .keenpt_foot {font-size:19px; padding:10px 0px;}

.keenpt_5_plans .keenpt_recommended_plan .keenpt_foot {font-size:20px; font-weight:300; padding:10px 0px;}
.keenpt_5_plans .keenpt_sm_button .keenpt_recommended_plan .keenpt_foot {font-size:18px; padding:10px 0px;}

img.keenpt_recommended {float:right;}

/* TABLETS */

@media only screen and (min-width: 40em) and (max-width: 64.063em) {
	.keenpt_style_basic .keenpt_plan .keenpt_head .keenpt_price {font-size:64px; margin-top:20px;}
}

/* MOBILE SCREENS */

@media only screen and (max-width: 40em) {
	.keenpt_style_basic .keenpt_recommended_plan .keenpt_foot {font-size:30px; font-weight:300; padding:20px 0px;}
	.keenpt_style_basic .keenpt_plan .keenpt_head .keenpt_price {font-size:74px;line-height:100px;}
	.keenpt_style_basic .keenpt_plan .keenpt_title {font-size:26px;line-height:48px;}
	.keenpt_style_basic .keenpt_plan .keenpt_head .keenpt_subtitle {
		font-size:16px;
		line-height:20px; 
		padding:10px 40px 20px;
	}
	
	.keenpt_style_basic .keenpt_plan .keenpt_head .keenpt_description {
		font-size:14px;
		line-height:20px;
		padding:0px 40px 30px;
	}
	
	.keenpt_style_basic .keenpt_plan .keenpt_features .keenpt_feature {padding:6px 16px;font-size:14px;}

	.keenpt_style_basic .keenpt_plan .keenpt_foot {
		padding:10px 40px;
		text-align:center;
		color: white;
		font-size: 20px;
	}
	
	.keenpt_plans .keenpt_plan {width:96%;}
	.keenpt_plans .keenpt_plan {margin:10px 2% 20px !important;}
}

Petr
Autor
OFFLINE
Začátečník

Více

03. dub 2019 14:11 #139705 od Petr

Odpověď od Petr v tématu Tabulka uprostřed stránky ???

Cony napsal: Třeba

Code:

.keenpt_2_plans { display: flex; justify-content: center; }

Cony to vyřešil. Trochu jsem nepochopil jeho odpověď :-)

Díky moc

Vygenerováno za 0.064 sekund