Jump to content

YogiX

Member
  • Posts

    6
  • Joined

  • Last visited

Everything posted by YogiX

  1. Site URL: https://cat-perch-3ezg.squarespace.com/ Hello, Trying to add a section of icons with text underneath. Have managed to get 5 icons in a row but the text boxes underneath are different heights which is making the top of image boxes underneath align wrong. Any help to get it aligned would be appreciated. https://cat-perch-3ezg.squarespace.com/ Password: 1234
  2. Hi. Sorry for the delay. https://cricket-seabass-6s5d.squarespace.com/ Test1234
  3. HI All, Squarespace newbie trying to figure out how to create a portfolio of work which is a full page image with a description box about the project. The description box also has navigation arrows to go to the next project which is on a new section. I was hoping to have side horizontal scrolling but currently have scrolling up and down. I have managed to work out how to add a code block with text and arrows but it is a bit clunky. Would be good if the box could stay in the top left. I would also like it if on the mobile version the box was at the top and the image underneath instead of the box over the top. The arrows seem to be a bit hit and miss. Sometimes they work and sometimes they don't. Sometimes the page scroll has a mind of its own and starts going up and down! I created the arrows by adding a markdown, linking the image and then copying the below code. ![uparrowtint](/s/noun_up-arrow_61411-tin-01.svg) Then I right-clicked the image and copied the address into my code block I got the section ID's and added to scroll to the next section. I added the smooth scroll CSS. This only appears to work in Chrome and not Safari and one of my clients uses Safari so would be good to work out why this is not working? When I clicked the arrows to go to the next section it would go to the next section but align to the top of the description box and not the background image. Not sure why? I added the Scrollify plugin to Code Injection header from this link: Now the page scrolls to the next project and moves to show the top of the image but is not right. It sort of moves to the top of the description box and then moves down. Sorry for the long post. Any help would be great!
  4. 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. 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?
×
×
  • 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.