Docs

[PierreMeul]

Hi, I have this custom CSS that was built over time and I’d like to clean it from unneeded éléments.

I mean, elements for example from the Revolution Slider that I should be able to setup using the different options from the Silde Editor.

Could you help me identify these hard coded elements in this code that I should have no pain to find in the normal Revolution Slider windows option?

.x-btn{font-weight:700}div#slide-1-layer-4{background-color:transparent!important}.rev_slider_wrapper a.x-btn.x-btn-real.x-btn-rounded.x-btn-large:hover{color:#53b223;border-color:#bababa;background-color:#000;margin-bottom:.25em;text-shadow:0 .075em .075em rgba(0,0,0,0.5);box-shadow:0 .25em 0 0 #333333,0 4px 9px rgba(0,0,0,0.75);transition:all .3s!important}.x-dropcap{background-color:#02aed6}.x-topbar .alignleft{float:left}.x-topbar .alignright{float:right}.x-topbar .p-info{width:100%}.x-topbar .p-info .alignright{margin-left:0;margin-right:30px}.x-colophon.bottom .x-nav,.x-colophon.bottom .x-colophon-content{font-size:1.2em}.x-colophon.bottom{background-color:#000}.entry-featured .entry-thumb{text-align:center;margin-top:50px}.add_overlay{position:relative;overflow:hidden}.add_overlay:before{display:block;content:””;background-color:rgba(0,0,0,0.40);position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}.dark-section h1,.dark-section h2,.dark-section h3,.dark-section h4,.dark-section h5,.dark-section h6,.dark-section h1 a,.dark-section h2 a,.dark-section h3 a,.dark-section h4 a,.dark-section h5 a,.dark-section h6 a{color:#fff}.dark-section h1 a:hover,.dark-section h2 a:hover,.dark-section h3 a:hover,.dark-section h4 a:hover,.dark-section h5 a:hover,.dark-section h6 a:hover{color:#fff;opacity:.65}.widget a{color:#02aed6}.p-meta > span:last-child{display:none}.p-meta > span:nth-child(2):after{display:none}.wpcf7-form{margin:0}.p-info .alignright,.p-info .alignright a{color:silver}.single-x-portfolio .entry-featured{width:30%;margin-right:20px;padding:0}.single-x-portfolio .entry-wrap{width:100%;float:none}.single-x-portfolio .entry-extra{text-align:center}.single-x-portfolio .entry-extra .x-btn-block{display:inline-block;width:auto;margin-bottom:20px}.x-scroll-top{border-color:#41A7FF;background-color:#41A7FF}body #PopupSignupForm_0{position:relative;z-index:999999999}.page-template-template-layout-portfolio ul.option-set{display:none}body{overflow:hidden!important}.x-blockquote{color:#606060;font-weight:500;font-size:18px}.x-blockquote .x-cite{color:#A0A0A0;font-weight:400;font-size:14px}.x-logobar,.x-navbar{background-color:#222}.rev_slider_wrapper,.rev_slider,.tp-fullwidth-forcer,.rev_slider .tp-bgimg.defaultimg,ul.tp-revslider-mainul{height:620px!important;max-height:360px!important}a.x-slider-scroll-bottom.above.bottom.center{color:#fff}a.x-slider-scroll-bottom.above.bottom.center:hover{color:green}@media (max-width: 480px){body .rev_slider .res-text{max-width:60%}.rev_slider .x-btn.x-btn-real.x-btn-rounded.x-btn-large{top:80px!important}}.x-brand.img img{padding-right:70px;width:17%;padding-top:50px}.h-landmark{font-family:”Amatic SC”!important;font-size:50px!important;font-weight:900!important;letter-spacing:4px}.x-colophon.bottom .x-colophon-content{text-transform:none;font-size:12px}.tp-caption a.x-btn,.tp-caption a.x-btn:hover{color:#fff;font-weight:700}@media (min-width: 980px){a.x-brand.img{margin-top:-50px}}a.x-brand.img{pointer-events:non

Thank you.

[Thai]

Hi There,

I’ve moved the custom CSS for the revolution slider to the top for you:

/* ==== Revolution Slider CSS ==== */

div#slide-1-layer-4 {
	background-color: transparent!important;
}

.rev_slider_wrapper a.x-btn.x-btn-real.x-btn-rounded.x-btn-large:hover {
	color: #53b223;
	border-color: #bababa;
	background-color: #000;
	margin-bottom: .25em;
	text-shadow: 0 .075em .075em rgba(0,0,0,0.5);
	box-shadow: 0 .25em 0 0 #333333,0 4px 9px rgba(0,0,0,0.75);
	transition: all .3s!important;
}

.rev_slider_wrapper,
.rev_slider,
.tp-fullwidth-forcer,
.rev_slider .tp-bgimg.defaultimg,
ul.tp-revslider-mainul {
	height: 620px!important;
	max-height: 360px!important;
}

a.x-slider-scroll-bottom.above.bottom.center {
	color: #fff;
}

a.x-slider-scroll-bottom.above.bottom.center:hover {
	color: green;
}

.tp-caption a.x-btn,.tp-caption a.x-btn:hover {
	color: #fff;
	font-weight: 700;
}

@media (max-width: 480px) {
	body .rev_slider .res-text {
		max-width: 60%;
	}

	.rev_slider .x-btn.x-btn-real.x-btn-rounded.x-btn-large {
		top: 80px!important;
	};
}

/* ==== End / Revolution Slider CSS ==== */

.x-btn {
	font-weight: 700;
}

.x-dropcap {
	background-color: #02aed6;
}

.x-topbar .alignleft {
	float: left;
}

.x-topbar .alignright {
	float: right;
}

.x-topbar .p-info {
	width: 100%;
}

.x-topbar .p-info .alignright {
	margin-left: 0;
	margin-right: 30px;
}

.x-colophon.bottom .x-nav,.x-colophon.bottom .x-colophon-content {
	font-size: 1.2em;
}

.x-colophon.bottom {
	background-color: #000;
}

.entry-featured .entry-thumb {
	text-align: center;
	margin-top: 50px;
}

.add_overlay {
	position: relative;
	overflow: hidden;
}

.add_overlay:before {
	display: block;
	content: ””;
	background-color: rgba(0,0,0,0.40);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
}

.dark-section h1,.dark-section h2,.dark-section h3,.dark-section h4,.dark-section h5,.dark-section h6,.dark-section h1 a,.dark-section h2 a,.dark-section h3 a,.dark-section h4 a,.dark-section h5 a,.dark-section h6 a {
	color: #fff;
}

.dark-section h1 a:hover,.dark-section h2 a:hover,.dark-section h3 a:hover,.dark-section h4 a:hover,.dark-section h5 a:hover,.dark-section h6 a:hover {
	color: #fff;
	opacity: .65;
}

.widget a {
	color: #02aed6;
}

.p-meta > span:last-child {
	display: none;
}

.p-meta > span:nth-child(2):after {
	display: none;
}

.wpcf7-form {
	margin: 0;
}

.p-info .alignright,.p-info .alignright a {
	color: silver;
}

.single-x-portfolio .entry-featured {
	width: 30%;
	margin-right: 20px;
	padding: 0;
}

.single-x-portfolio .entry-wrap {
	width: 100%;
	float: none;
}

.single-x-portfolio .entry-extra {
	text-align: center;
}

.single-x-portfolio .entry-extra .x-btn-block {
	display: inline-block;
	width: auto;
	margin-bottom: 20px;
}

.x-scroll-top {
	border-color: #41A7FF;
	background-color: #41A7FF;
}

body #PopupSignupForm_0 {
	position: relative;
	z-index: 999999999;
}

.page-template-template-layout-portfolio ul.option-set {
	display: none;
}

body {
	overflow: hidden!important;
}

.x-blockquote {
	color: #606060;
	font-weight: 500;
	font-size: 18px;
}

.x-blockquote .x-cite {
	color: #A0A0A0;
	font-weight: 400;
	font-size: 14px;
}

.x-logobar,.x-navbar {
	background-color: #222;
}

.x-brand.img img {
	padding-right: 70px;
	width: 17%;
	padding-top: 50px;
}

.h-landmark {
	font-family: ”Amatic SC”!important;
	font-size: 50px!important;
	font-weight: 900!important;
	letter-spacing: 4px;
}

.x-colophon.bottom .x-colophon-content {
	text-transform: none;
	font-size: 12px;
}

@media (min-width: 980px) {
	a.x-brand.img {
		margin-top: -50px;
	};
}

a.x-brand.img {
	pointer-events: none;
}

Regards!

[PierreMeul]

Thank you.

[Rue Nel]

You are most welcome!

[Author]

Posts