Docs

[Benjamin H]

Hello,

I was wondering if you could take a look at this CSS and tell me if any of it is duplicated or can be condensed at all. The more that we are working with it and/or adding more, it seems to be affecting previous settings…so we were hoping to get it back to a more manageable level.

This is the website: http://www.lvbaptist.org/

This is the CSS that we have in the customizer:
@media (min-width: 980px) and (max-width: 1037px) {
.x-navbar .desktop .x-nav>li>a {
margin-left: 0;
margin-right: 0;
font-size: 13px;
}

.x-brand {
width: 25%;
}

.x-brand img {
width: 100%;
}
}

@media (max-width: 430px) {
.x-brand {
width: 80%;
}

.x-brand img {
width: 100%;
}
}
.x-nav li .sub-menu {
margin-top: 10px !important;
}
.single .entry-featured { display: none !important; }
.page .entry-featured { display: none !important; }
.x-recent-posts-content .x-recent-posts-date {display: none;}
.single .p-meta span:first-child, .single .p-meta span:nth-child(2) {display: none;}

.x-recent-posts .h-recent-posts, .x-recent-posts .x-recent-posts-date {
white-space: normal !important;
}
.home .x-header-landmark, .single .x-header-landmark {
display: none;
}

.x-container-fluid.max.width.offset.cf {
overflow: hidden;
}
@media only screen and (max-width: 1270px) and (min-width: 979px) {
.x-navbar .x-nav > li > a {
margin-left: 5px;
margin-right: 5px;
}
}

.x-topbar .p-info {
margin: 8px 0;
font-size: 10px;
font-size: 1.2rem;
font-family: Lato;
}

h1.h-landmark { display:none; }
.x-header-landmark {
  display: none;
}

.x-main {
  margin: 0;
}

#x-content-band-1 .h-custom-headline {
margin: 0 !important;
}

.x-recent-posts a:hover img {
opacity: .5;
}
.widget.widget_text h3 {
margin-top:0;
margin-bottom: 0;
}

.widget.widget_text h4 {
margin-top:0;
margin-bottom: 1;
}

.widget.widget_text h5 {
margin-top:0;
margin-bottom:0;
}
.widget.widget_text h6 {
margin-top:0;
margin-bottom:0;
}
@media (min-width: 979px) {
.x-nav-collapse.collapse {
display: block;
}
}

.x-renew {mtn}

.custom-icon-bg-1 span i {
background-color: #c3dcaf !important;
}

.custom-icon-bg-2 span i {
background-color: #d99d94 !important;
}
.custom-icon-bg-3 span i {
background-color: #8aaad1 !important;
}
.custom-icon-bg-4 span i {
background-color: #e4bd9d !important;
}
.custom-icon-bg-5 span i {
background-color: #babbbb !important;
}
.custom-icon-bg-6 span i {
background-color: #f2e49e !important;
}

.home h2.h-feature-headline.custom-margin {
margin: 1em 0;
}
@media (max-width: 480px) {
body .x-slider-revolution-container.above {
display: none;
}
}
.x-map .x-map-inner iframe {
height: 250px;
width: 100%;
}
.x-map .x-map-inner {
padding-bottom: 20.25%;
}
.x-author-box .avatar { display: none; }

.x-author-box .x-author-info { margin-left: 0px; }

@media (max-width: 979px){
nav.x-nav-collapse.collapse.in {
height: auto;
}
}
.format-standard .entry-title:before {
content: “”;
}
.x-recent-posts .format-standard .x-recent-posts-img:before {
content: “” !important;
}

@media ( max-width: 380px ) {
.x-navbar .x-nav > li > a:visited{
color:#2f5e87;
}
}

@media (max-width: 979px) {
.sf-menu ul.mobile-collapsed {
display: block !important;
visibility: visible !important;
}
}

.x-header-landmark {
display: none;
}
@media ( max-width: 979px ) {
.x-btn-navbar{
position: relative;
top: -20px;
right: -5px;
}
}
.x-nav li .sub-menu{
padding-top: 0 !important;
margin-top: -12px;
}
.archive .entry-thumb:before {
content: “” !important;
}
.x-navbar .x-nav-collapse .x-nav li a {
margin: 0 5px;
}

.x-btn-navbar {
margin-top: 20px;
top: 0;
}

@media screen and (max-width: 768px){
.x-colophon.top, .x-colophon.bottom {
display: none !important;
}
}

@media (max-width: 979px) {
.x-nav-collapse .sub-menu {
display: none !important;
}
}
.single-post .entry-header {
display: none;
}
@media (max-width:368px){
.x-btn-navbar {
margin-top: 0 25px;
}
}
.new-tag-holder .entry-footer.cf {
background-color: #fff;
}
.x-column.one-sixth-no-spacing {
width: 25%;
margin: 0;
}

@media (max-width: 979px){
ul.sub-menu.mobile-collapsed {
display:none !important;
visibility:hidden !important;
}
}

a[data-toggle=”popover”] + .popover {
opacity: 0 !important;
}

a[data-toggle=”popover”]:hover + .popover {
opacity: 1 !important;
}

a[data-toggle=”tooltip”] + .tooltip {
opacity: 0 !important;
}

a[data-toggle=”tooltip”]:hover + .tooltip {
opacity: 1 !important;
}

/* added */
.x-navbar .x-nav ul.sub-menu.visible {
display: block !important;
visibility: visible !important;
}
}
.tag .p-meta span:nth-child(1) {
display: none;
}

.tag .p-meta span:nth-child(2) {
display: none;
}
.bible-study {
width: 350px;
}
.page-id-563 .wpcf7 input[type=”text”] {
width: 20%;
}
.page-id-563 .wpcf7 input[type=”email”] {
width: 20%;
}
.page-id-4771 .wpcf7 input[type=”text”] {
width: 20%;
}
.page-id-4771 .wpcf7 input[type=”email”] {
width: 20%;
}
.page-id-4776 .wpcf7 input[type=”text”] {
width: 20%;
}
.page-id-4776 .wpcf7 input[type=”email”] {
width: 20%;
}
.page-id-5978 .wpcf7 input[type=”text”] {
width: 20%;
}
.page-id-5978 .wpcf7 input[type=”email”] {
width: 20%;
}
.page-id-5983 .wpcf7 input[type=”text”] {
width: 20%;
}
.page-id-5983 .wpcf7 input[type=”email”] {
width: 20%;
}
.page-id-5994 .wpcf7 input[type=”text”] {
width: 20%;
}
.page-id-5994 .wpcf7 input[type=”email”] {
width: 20%;
}
.page-id-5998 .wpcf7 input[type=”text”] {
width: 20%;
}
.page-id-5998 .wpcf7 input[type=”email”] {
width: 20%;
}
.page-id-6000 .wpcf7 input[type=”text”] {
width: 20%;
}
.page-id-6000 .wpcf7 input[type=”email”] {
width: 20%;
}
.page-id-30104 .wpcf7 input[type=”text”] {
width: 20%;
}
.page-id-30104 .wpcf7 input[type=”email”] {
width: 20%;
}
.page-id-30110 .wpcf7 input[type=”text”] {
width: 20%;
}
.page-id-30110 .wpcf7 input[type=”email”] {
width: 20%;
}
.page-id-30175 .wpcf7 input[type=”text”] {
width: 20%;
}
.page-id-30175 .wpcf7 input[type=”email”] {
width: 20%;
}
.page-id-30181 .wpcf7 input[type=”text”] {
width: 20%;
}
.page-id-30181 .wpcf7 input[type=”email”] {
width: 20%;
}
.page-id-30188 .wpcf7 input[type=”text”] {
width: 20%;
}
.page-id-30188 .wpcf7 input[type=”email”] {
width: 20%;
}
.page-id-30190 .wpcf7 input[type=”text”] {
width: 20%;
}
.page-id-30190 .wpcf7 input[type=”email”] {
width: 20%;
}
.page-id-30192 .wpcf7 input[type=”text”] {
width: 20%;
}
.page-id-30192 .wpcf7 input[type=”email”] {
width: 20%;
}
.page-id-30194 .wpcf7 input[type=”text”] {
width: 20%;
}
.page-id-30194 .wpcf7 input[type=”email”] {
width: 20%;
}
#cn-list div.cn-alphaindex {
font-size: 20px !important;
}
.x-map-inner.x-google-map-inner {
height: 250px;
}

footer.x-colophon.top {
display: none !important;
}

x-colophon .widget .recent-sermons-4 ul li {background-color: rgb(237, 237, 187}

body.search .x-main.left {
width: 100%;
}

body.search.search-results .entry-thumb img {
min-width: 40%;
}

.search-results .p-meta > span:first-child {
display: none;
}
x-btn-navbar, .x-btn-navbar.collapsed {
margin-top: 24px;
margin-bottom: 18px;
}
@media (max-width: 220px) {
.x-brand img {
width: 200px !important;
}
}
@media (min-width: 980px) and (max-width: 1200px){
.x-navbar .desktop .x-nav>li>a:not(.x-btn-navbar-woocommerce) {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 400px){
.x-brand img {
width: 200px;
}
}
.x-btn, .x-btn:hover, .button, .button:hover, [type=”submit”], [type=”submit”]:hover {
text-shadow: none !important;
}
a.x-btn {
text-shadow: none !important;
}

Thank you!

[Christian]

Hey there,

Try using http://csslint.net/

You can shorten this:

.page-id-563 .wpcf7 input[type=”text”] {
width: 20%;
}
.page-id-563 .wpcf7 input[type=”email”] {
width: 20%;
}

to this:

.page-id-563 .wpcf7 input[type="text"], .page-id-563 .wpcf7 input[type="email"] {
width: 20%;
}

Thanks.

[Author]

Posts