Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1399605
    Moonworks
    Participant

    I’ve set up some page-specific CSS in Visual Composer, but it isn’t showing in Firefox, though it does in other browsers.

    This page shows fine in Chrome, but not Firefox:

    http://book-tour.com/destroyed-by-deception-stacy-mcwilliams

    #1399925
    Friech
    Moderator

    Hi There,

    Thank you for writing in but it look the same on my end, would you mind to clarify the issue and share you custom CSS code that was not working in Firefox. We’ll be happy to provide you with a response once we have a better understanding of the situation.

    Cheers!

    #1400289
    Moonworks
    Participant

    The sections you’ll notice it most are on the form on the right of the screen, where there is no background colour, the footer, which should be purple, but is the default blue and the scollbar.

    This is the CSS used:

    .x-main, .x-sidebar.right {
      margin: 0px !important;
    }
    #selectionform a:link, #selectionform a:visited {
      color: #a58db7 !important;
    }
    body::-webkit-scrollbar {
        width: 1em;
    }
    body::-webkit-scrollbar-track {
       background-color: #a58db7 !important;
    } 
    body::-webkit-scrollbar-thumb, .bottom, #selectionform, #selectionform a:hover {
      background-color: #7a638c !important;
      color: white;
    }
    
    #1400318
    Rue Nel
    Moderator

    Hello There,

    Thanks for updating in! Please have your code updated and and make use of this code instead:

    .x-main, .x-sidebar.right {
      margin: 0px !important;
    }
    
    #selectionform a:link, #selectionform a:visited {
      color: #a58db7 !important;
    }
    
    .bottom, #selectionform, #selectionform a:hover {
      background-color: #7a638c !important;
      color: white;
    }
    
    body::-webkit-scrollbar {
        width: 1em;
    }
    
    body::-webkit-scrollbar-track {
       background-color: #a58db7 !important;
    }
     
    body::-webkit-scrollbar-thumb{
      background-color: #7a638c !important;
      color: white;
    }
    

    Please let us know if this works out for you.

    #1400330
    Moonworks
    Participant

    Thank you, that’s done the job perfectly

    #1400387
    Christian
    Moderator

    You’re welcome.

  • <script> jQuery(function($){ $("#no-reply-1399605 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>