Jump to content

dlthdus0817

Member
  • Posts

    18
  • Joined

  • Last visited

Posts posted by dlthdus0817

  1. On 7/1/2021 at 3:48 PM, Wolfsilon said:

    Hello,

    You should be able to use the following code to get the full-bleed effect. You may need to adjust the top or bottom padding/margins if you want the images or row for it to sit flush with the banner above.

    section[data-section-id="60de0bfa33d7aa1e05234f69"]{
    .page-section.content-width--wide .content, .page-section.content-width--narrow.content-collection .content, .page-section.content-width--medium.content-collection .content {
      max-width: 100%;
    	}
    .page-section:not(.full-bleed-section) > .content-wrapper {
      padding: 0 !important;
      max-width: 100%;
    	}
    }

    Hope that this helps!

    -Dan

    Hi Dan,

    Thanks for your reply.

    But this code is not working on my template. 😭

  2. Site URL: https://dandelion-garlic-b2w5.squarespace.com

    Hi, 

    Is there any way CSS that I can make images on both left and right side as full bleed on my home page?

    Still keep the space between two images but no margin at the left side of left image and no margin at the right side of right image as full bleed?

    Please help me! Thank you.

    Website url: https://dandelion-garlic-b2w5.squarespace.com
    Password: cvbnm

     

     

    Screen Shot 2021-07-01 at 3.01.55 PM.png

  3. 1 hour ago, bangank36 said:

    Your script is slightly different, could you try this

    
    <!-- Squarespace Forum 03-08-2021 -->
    <script src="https://stevenlevithan.com/assets/misc/date.format.js"></script>
    <script>
    	document.addEventListener('DOMContentLoaded', function() {
          var dateformat = "mmm/dd/yyyy";
          var pubdate = document.querySelectorAll("time[datetime], time[pubdate], time.blog-meta-item--date");
          for (var i = 0; i < pubdate.length; i++) {
              var d = new Date(pubdate[i].getAttribute("datetime") || pubdate[i].innerText);
              if ( pubdate[i].classList.contains('blog-meta-item--date') ) {
                  d = new Date(document.querySelector('[itemprop="datePublished"]').getAttribute("content").split("T")[0]);
              }
              pubdate[i].innerHTML = d.format(dateformat); 
          }
      });
    
    
    </script>

     

    Hi, thanks for the quick reply.

    I changed the code, but still has the same issue.

    Do you think it's because of the time zone? But how it has the different time date for the same blog post?

  4. On 4/30/2021 at 8:07 PM, bangank36 said:

    You will need custom javascript for that, check the solution I already provided

    Blog collection page - move metadata to bottom + reformat date (7.1) - Coding and Customization - Squarespace Forum

    Hi, the date format has been updated successfully by using your css.

    But, for some reason, the date on blog list and the blog post is different. 

    There is one date gap between two pages.

    Do you know why it happens?

    Thank you so much for your help!

    885144513_ScreenShot2021-05-03at10_38_47AM.thumb.png.0e719aa1d65036a8e961266795682254.png

     

     

    1240516962_ScreenShot2021-05-03at10_38_37AM.thumb.png.ac155eabdb0156128e2fb0c39318aecb.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.