Jump to content

Sera

Member
  • Posts

    18
  • Joined

  • Last visited

Everything posted by Sera

  1. Thank you @tuanphan ! This worked. One small area that isn't too significant I wanted to ask you about, the stroke is also applied to the right edge of the site margin, is there a way to only apply to the center? Additionally, I was also hoping to apply this to the same treatment for the About page, previously I found a code for including a rule in the center, however it doesn't follow the height of the block, and I'll remove the code I'm currently using since the one you have included works in following the height of the content. https://www.in-form-studio.com/about Thanks again for all of your help on this! I looked all over to find this seemingly simple solution, appreciate it!
  2. Hello, I'd love to get some help in a similar approach if possible! 🙂 I've been looking into a way to place a vertical line placed in between the image + text block, particularly for this page: https://tangerine-iguana-kwg3.squarespace.com/classes In between Strength + Stability text area + image on the right, as well as the lower sections. Would greatly appreciate the help on this, S.
  3. Hi @tuanphan not sure if this makes a difference in the URL but since the site is currently live, the pages with the vertical lines that I need help with are the following: https://www.in-form-studio.com/classes https://www.in-form-studio.com/about No password is required. Thanks a lot, appreciate all the help.
  4. Hi @tuanphan - apologies! I somehow missed your response. Of course, here is the page I'm looking to solve for https://tangerine-iguana-kwg3.squarespace.com/about Additionally, I'm looking to do the same for the Classes section: https://tangerine-iguana-kwg3.squarespace.com/classes Which includes more blocks as well as a 3 column grid within the price section. If you could help in understanding how to potentially solve for this, that would be so helpful, I've been searching all over for how to code vertical lines between blocks 🙂 Thanks Tuanphan!
  5. Hi Tuanphan, This thread has helped immensely, I'm currently attempting to do the same thing with a gif animation. I'm using the following code and there are a few things that I was hoping to do that I can't seem to adjust: 1. Ensure that the gif animation loads as a full screen animation (to the edges of the browser) 2. Only appears when user clicks on the home page Draft Site URL: https://tangerine-iguana-kwg3.squarespace.com/ Password: MaintainS134! This is the code I'm currently using, Thanks a lot in advance! <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <div class="logoload"></div> <style> .logoload { /* SET BACKGROUND COLOR */ background-color: #fff; /* SET BACKGROUND SIZE */ background-size: 1400px; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background-position: center; background-repeat: no-repeat; background-image: url("https://static1.squarespace.com/static/5f7cd6783ecb9850af2831b0/t/5fa032da8b26421e8cfcaf85/1604334299026/Header_Web_Gif.gif"); } </style> <script type="text/javascript"> $(window).load(function() { $(".logoload").delay(4500).fadeOut("slow"); }) </script>
  6. Hi Tuanphan, Thank you so much for providing the above! I tried the code however it looks like a portion of the column is changed in color and not the full height, any chance you could would advise me on what I could do to make sure the full height of the column is changed in color? Thanks a lot, appreciate all the help on this! S.
  7. Site URL: https://tangerine-iguana-kwg3.squarespace.com/ Hello there, I'm attempting to add vertical lines to certain sections within my site, however it's proving difficult to do so. Anyone can help with custom coding on this one? I found some codes online, however the height of the vertical line doesn't follow the height of the block/ column upon scaling to different screen sizes. Ideally it would meet the horizontal lines above / below it or at the least have a consistent spacing in between them. Would love to see if there is a solution to this. Site URL: https://tangerine-iguana-kwg3.squarespace.com/ Password: MaintainS134! The section I'm hoping to address is in the About section. Thanks!
  8. Hi there, apologies - the site is still very much in the beginning draft stages, however this is the section I was hoping to address. Site information: https://tangerine-iguana-kwg3.squarespace.com/ Password: MaintainS134! Current state - doesn't have an option for alternating background color block options. The first instance is in the [Home] section of the site, while the other is in the [Shop] section of the site. Thanks a lot! s.
  9. Hi I'm looking to change the background color within a column (see below for an example) however it doesn't seem that I am able to do that within the confines of the current template. Is there a way to add a custom CSS code to make this work? Thanks in advance :)
×
×
  • 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.