Trouble with code injection in Courses

Hi,

Is there any way to apply custom code to the Course Overview page but NOT the Course Content pages? I've added code into the 'page header code injection' but obviously it's applying to all pages within the course.

Thanks,

Ben

Hi,
Please share your website URL.

Best,
Leopold

Hi Leopold, the URL is https://www.oppidaneducation.com/interview-masterclass

Ben

Which code are you referring to? We can tweak it easier

Hi @tuanphan

I've added code where you inject code for the Course page, but it is applying to the Course Content pages which I don't want.

The code relates to header changes on scroll.

Can you paste code here? We can see it easier

I've placed the following code into the page header code injection into the Interview Masterclass course page. It styles the navigation on scroll but is obviously affecting the course levels within the course which I don't want:

<style>
  
  header#header img {
    content: url(https://static1.squarespace.com/static/632334889a72c4229a80d565/t/634fbc80c1d7123d9ee8a4a3/1666169984378/Oppidan+Education+1+Dark.png);
}
  
  .shrink .header-title-logo img {
visibility: hidden;
}
  
.shrink .header-title-logo a {
background-image: url(https://static1.squarespace.com/static/632334889a72c4229a80d565/t/634fbc8686f458657486f7d2/1666169990610/Oppidan+Education+1.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
  
body.header--menu-open .shrink .header-title-logo img {
visibility: hidden;
}
  
body.header--menu-open .shrink  .header-title-logo a {
    background-image: url(https://static1.squarespace.com/static/632334889a72c4229a80d565/t/634fbc80c1d7123d9ee8a4a3/1666169984378/Oppidan+Education+1+Dark.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
  
  
.shrink .header-nav-item a {
  color: #132a42 !important;
}
  
.shrink .header-actions-action--cta:before {
  color: #132a42 !important;
  }
  
  .header-nav-folder-content a {
  color: #132a42 !important;
}
  
  .shrink .burger {
    -webkit-filter: invert(100%);
    filter: invert(100%);
  }
  
  
.mega-menu-on .header-title-logo img {
visibility: hidden;
}
  
.mega-menu-on .header-title-logo a {
background-image: url(https://static1.squarespace.com/static/632334889a72c4229a80d565/t/634fbc8686f458657486f7d2/1666169990610/Oppidan+Education+1.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
  
.mega-menu-on .header-actions-action--cta:before {
  color: #132a42 !important;
  }

  
</style>

@tuanphan that worked, thanks!