benstevens05

Hi, I'd like to make the 'slide' animation more subtle and change the distance the elements move when I scroll so the effect is more subtle. https://www.emmaainscough.com/studio Thanks, Ben

Yes I did. It worked for that particular issue thanks but not around the rest of the site.

Hi @Web_Solutions, thanks for getting back to me. However it's happening around the site with blocks resizing on the live site so I'm looking for a site wide solution? Thanks

Hi, I'm using code blocks to create a custom button but the elements change size on my live site (sizing is normal within Fluid Engine). In this example, 'Top Independent Schools' is a code block and on the live site the 'How it works' button next to it becomes much larger. https://www.oppidaneducation.com/families/11-plus-journey

Thanks @Ziggy, that worked! And how do I make the columns all align? You can see they're not quite straight.

Hi, how can I make a vertical line stretch the full height of the code frame? I have the following CSS: .vertical-line { height: 800px; width: 2px; background: #eeeeee; margin-right: auto; margin-left: auto; } I've tried changing 'height' to 'auto' and '100%' but the line just disappears. https://www.oppidaneducation.com/families/ucas-journey#how-it-works

Hi, what code do I need to add to format the checkbox options into multiple columns? https://www.oppidaneducation.com/families/11-plus-journey#top-independent-schools

Yes exactly, thanks @tuanphan.

@tuanphan that worked, thanks!

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>

Hi, I'm creating some landing pages for PPC and would like to change the header button on a specific page to be a Typeform pop up. What code injection is required? https://www.oppidaneducation.com/families/gcse-tutoring Thanks!

Thanks, that worked! And how do I get the button to fill the frame within Fluid Engine, like it does with regular button blocks?

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.

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

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