Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1201994
    newskywebsites
    Participant

    Hi there,
    I have an X site that is several years old. I’m working on updating it now and wondering if you can review the CSS to see if it can be cleaned up based on latest versions of X and CSS that might no longer be needed or perhaps there is a cleaner way to present it for faster page load times…?

    Also, what do I add to this to change the color of my drop down menu text? It’s too light before hover.

    My site is https://newskywebsites.com – everything is updated to latest versions.

    Thanks!
    Dawn

    .x-navbar {
    background-color: #222222;
    }

    .x-navbar .sub-menu a:hover {
    color: #00a6ed;
    }

    .x-navbar .sub-menu a {
    color: #00a6ed;
    }

    .x-navbar .sub-menu a:hover {
    background-color: #f3f3f3;
    }

    @media (max-width: 979px) {
    .x-navbar .x-brand {
    max-width: 239px;
    width: 75%;
    }
    }

    @media (max-width: 767px) {
    .x-slider-scroll-bottom.center {
    bottom: 10px;
    width: 40px;
    height: 40px;
    line-height: 39px;
    font-size: 20px;
    }
    }

    @media (max-width: 568px) {
    .x-slider-scroll-bottom.center {
    bottom: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    border-width: 1px;
    }
    }

    .x-topbar .p-info a {
    border-bottom: 0;
    }

    .x-topbar {
    background-color: #ebebeb;
    margin: 0px;
    }

    .x-topbar .x-social-global a {
    color: #00a6ed;
    }

    .x-social-global a:hover.facebook {
    color: #00a6ed;
    }

    .home #x-content-band-11 blockquote {
    border: medium none;
    margin: 0;
    padding: 0;
    }

    @media (min-width:768px){
    img.attachment-entry-cropped.wp-post-image {
    height: 197px;
    }
    }

    /* Remove Border on Firefox Links */
    a:focus, select:focus, input[type=”file”]:focus, input[type=”radio”]:focus, input[type=”submit”]:focus, input[type=”checkbox”]:focus {
    outline: none !important;
    }

    #1202079
    Rupok
    Member

    Hi there,

    Some CSS might be cleaned up but you should do that as you know better why you added this. If we clean this then you might face some unwanted issue.

    Thanks!

    #1202139
    newskywebsites
    Participant

    I don’t know how to write CSS and this is all code from your team through the years. All I’m asking is if there is anything here that is no longer needed, so if you look it over as a whole is there a better way to combine or re-write for faster page load times?

    Thanks
    Dawn

    #1202235
    Joao
    Moderator

    Hi Dawn,

    I Think everything looks ok, I don´t see anything overlapping.

    This amount of CSS should not cause any noticable slowdown of the page, I really don´t think it is something to worry about.

    Best ragards,

    Joao

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