Jump to content

Arrow buttons within Markdown help

Recommended Posts

  • Replies 5
  • Views 602
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

On 10/15/2021 at 4:46 AM, tuanphan said:

Can you share a solution for other members? Thank you

Hi tuanphan,

I think I have solved it but I added it to to a code block instead of the markdown block.

I created a markdown and clicked the link image icon to import the image.

1797796237_Screenshot2021-10-21at17_31_52.png.a2b16cbbb2608727a419355ec43c0245.png

I then copied a line from another topic on the Squarespace forum and changed to match my file:

![uparrowtint](/s/noun_up-arrow_61411-tint-01.svg)

Now the image appears in the markdown and I right clicked to open in a new tab, copied that address and added it to the code in my codeblock

<a href="#page-section-61718e6f190b6a0894809dc0">
         <img alt="Back" src="https://static1.squarespace.com/static/615f16f4f266ed4efa5097c2/t/61694d0714b9ff0f8839aa72/1634290951830/noun_up-arrow_61411.svg" style="margin: 0px 0px 0px 0px;
         width=20" height="30">
      </a>

Not sure if this is the best approach as I am a newbie. I have a few scrolling issues and need some help with my website but I guess I need to create a new post?

 

 

Link to comment
On 10/21/2021 at 11:38 PM, YogiX said:

Hi tuanphan,

I think I have solved it but I added it to to a code block instead of the markdown block.

I created a markdown and clicked the link image icon to import the image.

1797796237_Screenshot2021-10-21at17_31_52.png.a2b16cbbb2608727a419355ec43c0245.png

I then copied a line from another topic on the Squarespace forum and changed to match my file:

![uparrowtint](/s/noun_up-arrow_61411-tint-01.svg)

Now the image appears in the markdown and I right clicked to open in a new tab, copied that address and added it to the code in my codeblock

<a href="#page-section-61718e6f190b6a0894809dc0">
         <img alt="Back" src="https://static1.squarespace.com/static/615f16f4f266ed4efa5097c2/t/61694d0714b9ff0f8839aa72/1634290951830/noun_up-arrow_61411.svg" style="margin: 0px 0px 0px 0px;
         width=20" height="30">
      </a>

Not sure if this is the best approach as I am a newbie. I have a few scrolling issues and need some help with my website but I guess I need to create a new post?

 

 

Hi. Not good way but it is the best way for non-coder ☝️

If you have other problems, just comment here.

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!)

Link to comment
  • 2 weeks later...
On 11/8/2021 at 5:37 PM, YogiX said:

Could you share the better way?

You can use FontAwesome Icons https://fontawesome.com/icons

Of course if it has the icons you want, if it doesn't, the above method is still the best.

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!)

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.