Localmotionuk

Hi @tuanphan do you think you will be able to assist with this. Your assistance is much appreciated.

Thanks, still doesn't work I'm afraid. I was given this by Workable but i cant seem to make it work either: whr(document).on('click', 'li.whr-item a', function(e) { e.preventDefault(); window.open(this.href, '_blank'); });

Its a very ugly fix, I just managed to add a border to the blocks images+texts down one side. I would rather fix the top timeline if you can think of a appropriate solution?

Thanks for this, unfortunately it still opens in the same tab?

Site URL: https://cornet-asparagus-m6a4.squarespace.com/new-page Hi all, I have added a code block into my website which I would like to allow the user to click on a title (Job Description) and the link take the user to a new tab. This is the code I have, hoping someone can help me alter to allow new tab to be opened when clicked. <script src='https://www.workable.com/assets/embed.js' type='text/javascript'></script> <script type='text/javascript' charset='utf-8'> whr(document).ready(function(){ whr_embed(562726, {detail: 'titles', base: 'jobs', zoom: 'country', grouping: 'none'}); }); </script> <div id="whr_embed_hook"></div> Thanks for your help.

@tuanphan Please see link here:https://cornet-asparagus-m6a4.squarespace.com/our-story

Hey @MadihaSyed @tuanphan, Did you manage to find a solution for having the text and image on opposite sides of the timeline? I would like to do the same. I would like to move the circled in red text onto the opposite side of the timeline to reduce the section length. This is the code I am currently using: <div class="main-timeline"> <ul class="timeline"> <li class="timeline-item"> <div class="timeline-content"><img class="item-img" src="https://images.squarespace-cdn.com/content/v1/624a6c4a102c030c56ea3277/5d33320c-7d51-4d76-9b00-6853cf8df142/Bex-jetsurfing.jpg?format=750w" /> <h3>2014</h3> <p>ZeroJet’s story begins in 2014 when our co-founders - entrepreneurs and outdoors-enthusiasts Bex and Neil - moved to Perth and opened the world’s first Jetsurf Experience Centre. Through buying, selling and renting out these Czech-made boards, they simultaneously realised a) how big the market was, and b) the negative impact these petrol powered, two-stroke motorised surfboards were having on the environment. During this time Bex made a video which went viral online, and it was further proof that there was an enthusiastic market waiting to be served. <li class="timeline-item"> <div class="timeline-content"><img class="item-img" src="https://images.squarespace-cdn.com/content/v1/624a6c4a102c030c56ea3277/e0c8f833-28e2-4ee7-9ee9-9219f221dce9/water-blasting.jpg?format=750w" /> <h3>2015</h3> <p>But Bex and Neil decided to serve up something a bit greener; something to counteract the jetboards’ carbon footprint. So in 2015 they moved back to New Zealand and founded Voltaic Jetboards. After assembling a team of four engineers - all ex-Buckley Systems; a New Zealand success story making electromagnets for particle accelerators - the crew started work on a more environmentally-friendly alternative, and they spent the next two years developing high-performance electric jetboards. </div> </li> <li class="timeline-item"> <div class="timeline-content"><img class="item-img" src="https://images.squarespace-cdn.com/content/v1/624a6c4a102c030c56ea3277/1e5026d8-98a3-436e-871b-409a3f248e3e/voltaic_electric_jetboards-jumping.jpg?format=750w" /> <h3>2018</h3> <p>Fast forward to 2018, the team had carried out significant Research & Development on a bespoke jet pump design paired with electric motor and custom hull design using their hydrodynamic expertise. In other words, they produced a finalised design and a high-performing prototype: the world’s fastest electric jetboard, hitting speeds of 70km/hr. </div> </li> </li> <li class="timeline-item"> <div class="timeline-content"><img class="item-img" src="https://images.squarespace-cdn.com/content/v1/624a6c4a102c030c56ea3277/2485dbe7-0fa0-4a7f-a8ce-bd6dcd84fbba/20191123_1339280-scaled.jpg?format=750w" /> <h3>2019</h3> <p>With such positive feedback about the impressive performance their electric jetboard was capable of, it was the interest of boat builders that ultimately influenced the team to pivot their business and focus purely on electric jet systems for boats. Although the opportunity was a daunting one, it was also a fantastic chance to make a much greater impact in the world. During this year the first prototype electric jet tender was designed and built - though it actually packed a little too much punch! </div> <li class="timeline-item"> <div class="timeline-content"><img class="item-img" src="https://images.squarespace-cdn.com/content/v1/624a6c4a102c030c56ea3277/ae1f0edb-7bb6-453b-84cc-12e912aa86a8/zerojet-electric_jet_tender-transparent-front.jpg?format=750w" /> <h3>2020</h3> <p>Despite the relative international chaos of 2020, it was a year of exponential growth for Bex, Neil and their team. After rebranding to ZeroJet and raising seed capital from investors, the team grew to 10 and managed to hit a number of key milestones, including: - completed a 3 month Startmate accelerator program - built the world’s lightest electric jet tender - developed a highly efficient jetpod system designed for 3m to 4m boats - formed an ongoing partnership with Offshore Cruising Tenders - launched publicly and started making sales to a very interested marine industry </div> <li class="timeline-item"> <div class="timeline-content"><img class="item-img" src="https://images.squarespace-cdn.com/content/v1/624a6c4a102c030c56ea3277/1290933b-c060-4bf1-9861-1243b298a668/about_us-2021-scaled.jpg?format=750w" /> <h3>2021 and beyond</h3> <p>Alongside the material and technical development journey of ZeroJet, some powerful comparisons have been made to the automotive industry, to gauge the impact of traditional petrol-powered outboard motors on the marine environment. In short, taking one 20hp four-stroke outboard off the water is the equivalent of taking 150 cars off the road - and that’s something we’re striving to have a hand in. Our plans include partnering with more boat builders, expanding internationally, and developing systems for larger 5m and 6m tenders, all working towards our ultimate audacious goal of eliminating the need for combustion engines on small watercraft. </div> </ul> </div> <style> @import url('https://fonts.googleapis.com/css?family=Amaranth|Source+Sans+Pro&display=swap'); .main-timeline { padding: 2em 0; } .main-timeline h1 { color: #00AEEF; font-family: 'Amaranth', sans-serif; line-height: 3em; } .main-timeline h3 { color: #003D58; font-family: 'Amaranth', sans-serif; } .main-timeline p { color: #003D58; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.4em; } .main-timeline .timeline { position: relative; } .main-timeline .timeline:before { background: #003D58; content: ''; height: 100%; left: 50%; position: absolute; transform: translateX(-50%); width: 4px; } .main-timeline .timeline .timeline-item { clear: both; list-style-type: none; padding: 0 30px; position: relative; } .main-timeline .timeline .timeline-item:before { background: #003D58; border-radius: 50%; content: ''; height: 20px; left: 50%; position: absolute; transform: translateX(-50%); width: 20px; } .main-timeline .timeline .timeline-item .timeline-content { background: #E9E9F3; border: 2px #E9E9F3; padding: 1em; width: 46%; } .main-timeline .timeline .timeline-item .timeline-content h3, .main-timeline .timeline .timeline-item .timeline-content p, .main-timeline .timeline .timeline-item .timeline-content button { margin: 20px; } .main-timeline .timeline .timeline-item:nth-child(even) .timeline-content { float: right; } .main-timeline .timeline .timeline-item:nth-child(2):before { background: #003D58; } .main-timeline .timeline .timeline-item:nth-child(2) .timeline-content { background: #E9E9F3; border: 2px #E9E9F3; } .main-timeline .timeline .timeline-item:nth-child(3):before { background: #003D58; } .main-timeline .timeline .timeline-item:nth-child(3) .timeline-content { background: #E9E9F3; border: 2px #E9E9F3; } .main-timeline .timeline button { background: #fff; border: 2px solid #fff; color: #656565; font-weight: 500; padding: 10px; transition: all 0.3s; } .main-timeline .timeline button:hover { background: #fff; border: 2px solid #656565; } @media screen and (max-width: 968px) { .main-timeline .timeline { margin: 0 0 0 10px; } .main-timeline .timeline:before { left: 0px; } .main-timeline .timeline .timeline-item:before { left: 0; } .main-timeline .timeline .timeline-item .timeline-content { margin: 2em 0; width: 100%; } .main-timeline .timeline .timeline-item:nth-child(even) .timeline-content { float: initial; } } .timeline { padding-left:0; } </style>

Can anyone help me re-size a code block to full size. All the above doesnt seem to work for me. Assistance would be appreciated. Website: https://cornet-asparagus-m6a4.squarespace.com/our-people

Site URL: http://www.cornet-asparagus-m6a4.squarespace.com Looking for assistance with CSS. I am currently using the following CSS for customized accordion blocks on my site. I would like to add code which allows only one accordion section to be opened at once. As soon as you click and open the following question the previous question collapses. Keeping the page less cluttered if all open. Advise would be appreciated. This is the current code being used: //faq .markdown-block h3 { font-size: 20px; margin-left: 26px; } .markdown-block p { padding-left: 26px; } .markdown-block .ui-closed:before { font-family:monospace; content:"+ "; margin-left: -27px; } .markdown-block .ui-open:before { font-family:monospace; content:"- "; margin-left: -27px; } .markdown-block h3.ui-open { color: #00aeef; }