Custom css only applying to one page?

  • tgardn20

    (@tgardn20)


    6 years, 2 months ago

    I am running some very simple css in the apperance>customize section of the dashboard, (I have also tried adding in a 3rd party css plugin, and deactivating all non required plugins) and the css is only applying to one page, the home page. The css is predominantly for the nav bar/header section.

    all code is listed here:

    .home .site-logo {
    position:fixed; top:0%; left:0%;
    }

    .home #mainnav {
    position:fixed; top: 2.25%; left:7%;
    }

    .site-header { position:fixed !important; top: 0 !important; left:0% !important;
    height: 70px !important;;
    border: 0px !important;;
    background-color: rgba(0, 0, 0, 0.5) !important;

    }

    @media only screen and (max-width: 647px) {
    .text-slider-section {
    top: 65%;
    }
    }

    .site-logo {
    max-height: 70px;
    }

    .text-slider {
    text-align: left;
    padding-left: 4%;
    margin-top: 50%;
    }

    .maintitle::after {
    display: none;
    }

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • HudsonValleyWebDesign

    (@jaycbrf)

    6 years, 2 months ago

    not sure what you are asking but the CSS you entered above will only affect the home page. That is how it is written.

    bemdesign

    (@bemdesign)

    6 years, 2 months ago

    that .home reference in your CSS is specifically styling things with the class “home”. And that most likely only happens on your home page. Remove .home from your CSS and see what happens.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom css only applying to one page?’ is closed to new replies.