Navigation

This content is old and no longer supported. You may use at your own risk, but no official support will be provided for anything listed here. If you are a Themeco customer, we invite you to check out our new community and forums, Apex.

  • Author
    Posts
  • #1422887

    pierrejdt
    Participant

    Hello,

    I’ve put a transparent navbar in my home page, on http://www.traiteur-paca.com but I would like to put the same everywhere.
    Can you help me ? Do I have just to replace “.home” by the name of my page like “.gallerie” ?

    Thanks a lot

    The code that I put :

    .home .x-navbar {
    background-color: rgba(242, 242, 242, 0.80) !important;
    }
    .home .x-navbar.x-navbar-fixed-top {
    background-color: rgba(242, 242, 242, 0.90) !important;
    }
    }
    .home .x-navbar .x-nav-wrap .x-nav > li > a {
    color: #b0bdc5;
    }
    .home .x-navbar.x-navbar-fixed-top .x-nav-wrap .x-nav > li > a {
    color: ##b0bdc5;

    #1423259

    Thai
    Moderator

    Hi There,

    If you want the transparent applies to all pages, please try with this:

    .x-navbar {
    background-color: rgba(242, 242, 242, 0.80) !important;
    }
    .x-navbar.x-navbar-fixed-top {
    background-color: rgba(242, 242, 242, 0.90) !important;
    }
    .x-navbar .x-nav-wrap .x-nav > li > a {
    color: #b0bdc5;
    }
    .x-navbar.x-navbar-fixed-top .x-nav-wrap .x-nav > li > a {
    color: #b0bdc5;
    }

    For gallerie page only:

    .page-id-36 .x-navbar {
    background-color: rgba(242, 242, 242, 0.80) !important;
    }
    .page-id-36 .x-navbar.x-navbar-fixed-top {
    background-color: rgba(242, 242, 242, 0.90) !important;
    }
    .page-id-36 .x-navbar .x-nav-wrap .x-nav > li > a {
    color: #b0bdc5;
    }
    .page-id-36 .x-navbar.x-navbar-fixed-top .x-nav-wrap .x-nav > li > a {
    color: #b0bdc5;
    }

    The 35 number is the gallerie page ID.

    Regards!

Join Apex

This content is old and no longer supported. We invite you to check out our new community and forums, Apex.

Join Apex