Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 27, 2015 at 4:44 am #419070
    Brutalben

    Here is my custom CSS, they were all working until I updated my theme to latest version yesterday:

    @media only screen and min-width 767px{
    .phone-info {
    position:relative;
    top:20px;
    font-size:24px;
    }

    input[name=”post_password”] {
    background:red!important;
    }
    }

    @media only screen and max-width 767px{
    .page-id-734 .avia-builder-el-22 .avia-image-container-inner,.home #av_section_5 .avia-slideshow {
    display:none!important;
    }
    }

    #top #header .social_bookmarks li a {
    font-size:30px;
    line-height:80px;
    min-height:80px;
    width:80px;
    }

    Can you please help me get these working again? Thank you in advance!

    March 27, 2015 at 5:20 am #419083
    Josue

    Hey!

    Have you tried flushing the caching / minification currently activated on the site?

    Cheers!
    Josue

    March 27, 2015 at 6:39 am #419105
    Brutalben

    I just tried all of that, If I enable minifying of CSS I get errors on the page, but its worked fine until today, also these two work if they are in the Custom CSS box alone:
    @media only screen and min-width 767px{
    .phone-info {
    position:relative;
    top:20px;
    font-size:24px;
    }
    #top #header .social_bookmarks li a {
    font-size:30px;
    line-height:80px;
    min-height:80px;
    width:80px;
    }

    But if I add these ones they don’t work and they also mess up the ones above:
    @media only screen and max-width 767px{
    .page-id-734 .avia-builder-el-22 .avia-image-container-inner,.home #av_section_5 .avia-slideshow {
    display:none!important;
    }
    @media only screen and (max-width: 767px) {
    .home #av_section_5 .avia-slideshow { display: none !important; }
    }

    any ideas?

    March 27, 2015 at 6:07 pm #419512
    Yigit

    Hi!

    Please change your code to following one

    @media only screen and (min-width: 767px) {
.phone-info {
position:relative;
top:20px;
font-size:24px;
}
#top #header .social_bookmarks li a {
font-size:30px;
line-height:80px;
min-height:80px;
width:80px;
}}
@media only screen and (max-width: 767px) {
.page-id-734 .avia-builder-el-22 .avia-image-container-inner,.home #av_section_5 .avia-slideshow {
display:none!important;
}}
@media only screen and (max-width: 767px) {
.home #av_section_5 .avia-slideshow { display: none !important; }
}

    Cheers!
    Yigit

    March 28, 2015 at 5:18 pm #419862
    Brutalben

    Thanks Yigit, seems to have fixed the problem, saved my ass again!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘None of my Custom CSS is working since I installed the latest version of Enfold’ is closed to new replies.