Return to previous page

XStore Landing Watch Theme Custom CSS Needed

This topic has 2 replies, 2 voices, and was last updated 8 years, 2 months ago ago by Olga Barlow

Participant

September 20, 2017 at 02:42

Hi, I accidentally reset the “Custom CSS” section to default because I thought it would go to the demo content default. Therefore, now the section is blank so the CSS is messed up on my site.

Can I get the:
Global Custom CSS
Custom CSS for desktop (992px+)
Custom CSS for tablet (768px – 991px)
Custom CSS for mobile landscape (481px – 767px)
Custom CSS for mobile (0 – 420px)
for the landing watch demo content (copy and paste into each section)?

#172923 Copied

1 Answer

Olga Barlow

Participant

September 20, 2017 at 13:52

Hello,
Default custom that comes after Watches demo import is the following

Global Custom CSS

/*--- Header ---*/
body .header-logo img {
    max-width: 170px;
}
.fixed-header{
    background-color: #5196d6;
}
.fixed-header .item-level-0 > a, .fixed-header .menu-item-language > a,
.fixed-header .navbar-header .et-wishlist-widget > a, .fixed-header .navbar-header .search-btn, 
.fixed-header .navbar-header .cart-summ,
.fixed-header .menu-wrapper .menu > li.current-menu-item > a,
.fixed-header .shopping-container.ico-design-2.ico-bg-yes .cart-bag:before{
    color:#fff !important;
}
.fixed-header .menu-wrapper .menu > li.current-menu-item > a:after,
.fixed-header .menu-wrapper .menu > li > a:after{
        background-color: rgba(255, 255, 255, 0.4) !important;
}
.fixed-header .shopping-container:hover .cart-popup-container, 
.fixed-header .shopping-container.cart-show .cart-popup-container{
    top:56px;
}
.fixed-header .wishlist-widget-show .et-wishlist-widget .wishlist-dropdown,
.fixed-header .et-wishlist-widget:hover .wishlist-dropdown{top:52px;}
.fixed-header .et-wishlist-widget .wishlist-count,
.fixed-header .cart-bag .badge-number,
.fixed-header .shopping-container.ico-design-2 .cart-bag .badge-number{
    background-color:#fff !important;
    color: #1e1e1e !important;
}
.header-search.act-full-width .search-form-wrapper{border-bottom:1px solid #e6e6e6;}
.fixed-header{border-bottom:none;box-shadow:none;}
.fixed-header .navbar-toggle .icon-bar{
    background-color:#fff;
}
.shopping-container.ico-bg-yes .cart-bag:after{
    content:none;
}

/*--- Content ---*/
#etheme-popup{
    width:auto!important;
    height:auto!important;
    padding:0;
}
#etheme-popup p{
    font-weight: 600;
}
.video-poup{
    height: 430px!important;   
}

.checkbox-label{
    display:none;
}
.landing-contact-form {
    font-weight: 100;
    color: #666666;
}
.landing-contact-form input{
    background-color: #ffffff;
    padding: 15px;
    margin-bottom: 20px!important;
    font-weight: 300;
}
.landing-contact-form textarea{
    font-weight: 300;
    background-color: #ffffff;
    padding: 15px;
    margin-bottom: 20px;
    height: 200px;
}
.landing-contact-form .form-button{
    border: none;
    background-color: #5196d6;
    color: #fff;
    font-weight: 600;
}
.landing-contact-form .form-button:hover{
    color: #5196d6;
    background-color: #f7f7f7;
    border: none;
}
.product-title {
    text-transform: inherit;
    font-family: "Open Sans";
    font-weight: 400!important;
    font-size: 1.3em!important;
}
.product-title a{
    font-weight: 400!important;
}
.post-heading h2 a{
    font-family: "Open Sans"!important;
    font-size: 24px;
    font-weight: 500!important;
}
.page-heading h1{
    padding-bottom: 7px;
    display: inline-block;
    border-bottom: 3px solid #5196d6;
}
.single-product .page-heading h1 {
    padding-bottom: 0;
    display: inherit;
    border-bottom: none;
}
.onsale{
    background-color: #5196d6;
    height: 2em;
    line-height: 2em;
    border-radius: 0;
    right: 0;
    left: auto;
}

/*--- Single post ---*/
p.no-comments {display: none;}
article.blog-post, article.post-grid {margin-bottom: 0px;}

/*--- Footer ---*/
.footer-landing-watch{
    font-size: 1.2em;
}
.footer-landing-watch a{
    margin-right: 2.3em;
}
.socioal-landing-watch a{
    padding-left: 1.5em!important;
}
.footer{
    padding: 3.2em 0 2.86em;
}
.copyrights-landing-watch p{
    font-size: 1em;
    font-weight: 500;
    color: #806666;
}

input::-webkit-input-placeholder { color:#313131; }
input:-moz-placeholder {color:#313131;}
input::-moz-placeholder {color:#313131;}
input:-ms-input-placeholder {color:#313131;}
textarea::-webkit-input-placeholder {color:#313131;}
textarea:-moz-placeholder {color:#313131;}
textarea::-moz-placeholder {color:#313131;}
textarea:-ms-input-placeholder {color:#313131;}
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder {color:transparent;}
textarea:focus::-moz-placeholder {color:transparent;}
textarea:focus:-ms-input-placeholder {color:transparent;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder {color:transparent;}
input:focus::-moz-placeholder {color:transparent;}
input:focus:-ms-input-placeholder {color:transparent;}
.landing-contact-form input, .landing-contact-form textarea{
    width:100%;
    font-weight: 300;
    font-family: 'Lato', Arial, Tahoma sans-serif;
}
.landing-contact-form .form-button{
    width: auto;
    padding: inherit;
}

Custom CSS for mobile (0 – 420px)

.footer-landing-watch{
    margin-bottom: 25px!important;
    text-align:center;
}
.footer-landing-watch a{
    margin-right: 0;
    display:inherit;
}

.socioal-landing-watch .et-follow-buttons{
    text-align:center;
}
.socioal-landing-watch .et-follow-buttons a:first-child {
    padding-left: 0!important;
}
.landing-copyright p{
    text-align: center;
    margin-bottom:20px!important;
}
.landing-copyright-pay p{
    text-align:center!important;
}

Regards

#173011 Copied