Jump to content

Sera

Member
  • Posts

    18
  • Joined

  • Last visited

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

    Screen Shot 2020-11-13 at 8.13.25 AM.png

    Screen Shot 2020-11-13 at 8.21.53 AM.png

  4. Quote
    On 10/30/2019 at 4:19 PM, tuanphan said:

    @rdreed Try

    Style & Script code: Page Settings > Advanced > Insert the code to Header

    And insert this code to bottom of page (you can use Markdown Block or Code Block to insert)

    
    
    
    
    
    <div class="logoload"></div>

     

    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>

     

  5. 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.

  6. 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! 

    Screen Shot 2020-10-29 at 7.14.33 AM.png

  7. 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.

    Screen Shot 2020-10-27 at 9.44.45 AM.png

    Screen Shot 2020-10-27 at 9.38.27 AM.png

    Screen Shot 2020-10-27 at 9.48.07 AM.png

    Screen Shot 2020-10-27 at 9.47.28 AM.png

×
×
  • 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.