Jump to content

Code block issues 7.1

Recommended Posts

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
Jonathan

https://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>

Edited by tails1018
Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

<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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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>

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.