Guest Posted March 3, 2020 Posted March 3, 2020 Hi there I'm trying to add a hyperlinked image to a code block on a blog page (7.1). Immediately after the code block is another code block which appears in the CMS but not on the live site. Also, there is a second code block a text block of 3 paragraphs after the second code block. Every single word in the text block is appearing as a link - it's linking to the URL used in the code block. The code I'm using is below. Anyone know what I'm doing wrong? TIA Jonathanhttps://www.jeju.plus/businessdirectory/cafesbakeries/ninebroscoffee p/w jejuplus <div class="grey"> <html> <body> <h4>Navigation</h4> <p>We recommend using Kakao Maps to navigate to Nine Bros Coffee. Click the icon below to access </p> <a href="http://kko.to/E1BW07V0T"target="_blank"> <img src="https://lh3.googleusercontent.com/DYeQ02AyIghsirp4ea3oEnyxT3X0GgTZrXYR8G7AN6tRr-9mFcQIJdCUub5VHiWKHA=s180-rw" alt="https://lh3.googleusercontent.com/DYeQ02AyIghsirp4ea3oEnyxT3X0GgTZrXYR8G7AN6tRr-9mFcQIJdCUub5VHiWKHA=s180-rw" width="104" height="104"> </div> <style> .grey { background: #f0f0f0; padding: 30px; text-align: center; } </body> </html>
tuanphan Posted March 3, 2020 Posted March 3, 2020 <div class="grey" style="background:#f0f0f0;padding:30px;text-align:center;"> <h4>Navigation</h4> <p>We recommend using Kakao Maps to navigate to Nine Bros Coffee. Click the icon below to access </p> <a href="http://kko.to/E1BW07V0T"target="_blank"> <img src="https://lh3.googleusercontent.com/DYeQ02AyIghsirp4ea3oEnyxT3X0GgTZrXYR8G7AN6tRr-9mFcQIJdCUub5VHiWKHA=s180-rw" alt="https://lh3.googleusercontent.com/DYeQ02AyIghsirp4ea3oEnyxT3X0GgTZrXYR8G7AN6tRr-9mFcQIJdCUub5VHiWKHA=s180-rw" width="104" height="104"/> </a> </div> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Guest Posted March 4, 2020 Posted March 4, 2020 Wow - that's some pretty code. Thanks very much for your help!
Guest Posted March 4, 2020 Posted March 4, 2020 Hi @tuanphan The code works great on the Squarespace platform and on Chrome on my MacBook. However, the image does not display on Safari on MacBook or on Chrome and Safari on mobile. Any ideas as to why this might be happening? TIA Jonathan <div class="grey" style="background:#d8d8d8;padding:30px;text-align:center;"> <h4>Navigation</h4> <p>We recommend using Kakao Maps to navigate to Nine Bros Coffee. Click the icon below to access </p> <a href="http://kko.to/E1BW07V0T"target="_blank"> <img src="http://lh3.googleusercontent.com/DYeQ02AyIghsirp4ea3oEnyxT3X0GgTZrXYR8G7AN6tRr-9mFcQIJdCUub5VHiWKHA=s180-rw" alt="http://lh3.googleusercontent.com/DYeQ02AyIghsirp4ea3oEnyxT3X0GgTZrXYR8G7AN6tRr-9mFcQIJdCUub5VHiWKHA=s180-rw" width="104" height="104"/> </a> </div>
Recommended Posts
Archived
This topic is now archived and is closed to further replies.