Docs

[Brian R]

Hi I have just updated the X-theme and Cornerstone, but know my custom css settings dont work anymore.
Can you help here.

I am using this versions:

Wordpress 4.4.2
Child theme 1.0.0
X-theme 4.4.2
Cornerstone 1.2.4

My Url: http://bootsverleih.dk/wp-mainsite/

regards Brian

[Thai]

Hi Brian,

Upon checking your website, I can see that some closing bracket(}) are missing in your custom CSS.

Please replace your current custom CSS with this:

body {
    font-family: "Open Sans",sans-serif;
	color: #000;
}
.site {
	margin: 0 auto;
	background-color: #fff;
	background: url(http://bootsverleih.dk/images/fisk-sh.png);
}

.x-container.width {
	width: 96%;
}

h1 {
	font-size: 360%;
	letter-spacing: 0px;
	line-height: 1.3;
	padding-bottom: 0px;
	margin-top: 0px;
	font-weight: 700;
}

@media only screen and (min-width : 320px) and (max-width : 640px) {

	.h1, h1 {
		font-size: 30px;
	}

	h2, .h2 {
		font-size: 200%;
		letter-spacing: 0px;
		line-height: 1.3;
		padding-bottom: 18px;
		margin-top: 10px;
		font-weight: 400;
	}

	.h2, h2 {
    	font-size: 20px;
	}

	h3 {
		font-size: 140%;
		line-height: 1.3;
		letter-spacing: 0px;
		margin-top: 0px;
		font-weight: 400;
	}

	h4 {
		font-size: 110%;
		line-height: 1.5;
		letter-spacing: 0px;
		margin-top: 0px;
		margin-bottom: 8px;
		font-weight: 400;
	}

	h5 {
		font-size: 90%;
		line-height: 1.6;
		color: #00519f;
		letter-spacing: 1px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-weight: 400;
		text-transform: uppercase;
		text-align: center;
	}

	.img-shadow {
		-webkit-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.75);
		box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.75);
	}

	.x-landmark {
		display: none;
	}

	.x-breadcrumbs-wrap {
		text-align: left;
	}

	.widget ul li, .widget ol li {
		border-bottom: 1px solid #F2F2F2;
		line-height: 1.3;
		background-color: #bbb;
	}

	.widget_nav_menu ul > li a, .widget_pages ul > li a {
		display: inline-block;
		margin: 0.65em 0px;
		margin-top: 0.7em;
		margin-right: 0px;
		margin-bottom: 0.7em;
		margin-left: 10px;
	}

	.boxtop {
		background-color: #00519F;
		color: #fff;
		padding-left: 10px;
		padding-top: 2px;
		padding-bottom: 2px;
		margin-bottom: 10px;
		margin-top: 0px;
		font-size: 140%;
	}

	table td {
		line-height: 1.0;
	}

	table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
		background-color: #eee;
	}

	.x-pricing-column h2 {
		border: 1px solid #fff;
		background-color: #00519f;
		color: #fff;
		padding: 10px 10px;
		letter-spacing: 0px;
		line-height: 1.1;
		font-size: 16px;
	}

	.x-pricing-column {
		background-color: #d3e3ff;
	}

	.x-pricing-column-info .x-price {
		margin: 0px;
		margin-top: 8px;
		margin-right: 0px;
		margin-bottom: -20px;
		margin-left: 0px;
		font-size: 22px;
		letter-spacing: -0px;
	}

	.x-img {
		margin-bottom: 0em;
	}

	#skema {
		border-collapse: collapse;
	}

	#skema td, #skema th, #skema td1 {
		border: 1px solid #bbb;
	}

	#skema th {
		font-size: 110%;
		line-height: 1.1em;
		text-align: left;
		padding: 8px 0px 8px 8px;
		background-color: #ddd;
		color: #000;
	}

	#skema td {
		font-size: 85%;
		line-height: 1em;
		padding: 8px 8px 8px 8px;
	}

	#icon td, #icon th {
		border: 0px;
		text-align: center;
	}

	.center {
		text-align: center;
	}

	.iconplus {
		color: #429e47;
		font-size: 120%;
		margin-right: 0.2em;
		margin-left: 0.2em;
		display: block;
	}

	.iconminus {
		color: #c80c00;
		font-size: 120%;
		margin-right: 0.2em;
		margin-left: 0.2em;
		display: block;
	}

	.x-btn, .button, [type="submit"] {
		color: #000;
		border-color: #429E47;
		background-color: #429E47;
		margin-bottom: 0.25em;
		border-radius: 0.25em;
		padding-top: 0.2em;
		padding-bottom: 0.2em;
		font-size: 14px;
		text-shadow: 0px 0em 0em rgba(0, 0, 0, 0.5);
		box-shadow: 0px 0.25em 0px 0px #429E47, 0px 4px 9px rgba(0, 0, 0, 0.75);
	}

	.x-btn.x-btn-mini {
		padding-top: 0.6em;
		padding-bottom: 0.3em;
		font-size: 18px;
	}

	.x-btn.x-btn-pill {
		border-radius: 12px;
	}

	.bootname {
		font-size: 160%;
	}

	.x-colophon.top {
		background-color: #e0e4e6;
		padding: 40px;
	}

	.x-colophon.bottom {
		font-size: 13px;
		line-height: 1.7;
		text-align: center;
		color: #fff;
		padding: 10px;
	}

	.x-flexslider {
		margin: 0px 0px 0em;
		background: #fff none repeat scroll 0% 0%;
	}

	.btn {
		background: #90e37b;
		background-image: -webkit-linear-gradient(top, #90e37b, #3e8714);
		background-image: -moz-linear-gradient(top, #90e37b, #3e8714);
		background-image: -ms-linear-gradient(top, #90e37b, #3e8714);
		background-image: -o-linear-gradient(top, #90e37b, #3e8714);
		background-image: linear-gradient(to bottom, #90e37b, #3e8714);
		-webkit-border-radius: 15;
		-moz-border-radius: 15;
		border-radius: 15px;
		font-family: Arial;
		color: #ffffff;
		font-size: 20px;
		padding: 10px 20px 10px 20px;
		text-decoration: none;
		align: center;
	}

	.btn:hover {
		background: #3e8714;
		background-image: -webkit-linear-gradient(top, #3e8714, #90e37b);
		background-image: -moz-linear-gradient(top, #3e8714, #90e37b);
		background-image: -ms-linear-gradient(top, #3e8714, #90e37b);
		background-image: -o-linear-gradient(top, #3e8714, #90e37b);
		background-image: linear-gradient(to bottom, #3e8714, #90e37b);
		text-decoration: none;
		color: #ffffff;
	}

	.ibi_links {
		font-size: 100%;
		text-align: center;
		line-height: 2.5;
		color: #00519f;
		padding: 5px 10px 3px 10px;
		background-color: #d3e3ff;
		letter-spacing: 2px;
		font-weight: 700;
		text-transform: uppercase;
		text-align: center;
		border: none;
	}

	a.ibi_links:hover {
		color: #fff;
		padding: 5px 10px 3px 10px;
		background-color: #00519f;
		border: none;
	}
}

Hope it helps 🙂

[Author]

Posts