Homepage two columns of images as no padding left and right side

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

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

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

On 7/1/2021 at 2:05 PM, dlthdus0817 said:

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

 

 

Paste this code in the Custom CSS section:

.page-section[data-section-id="60de0bfa33d7aa1e05234f69"] .content-wrapper {
  max-width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  overflow-x: hidden;
}

On 7/2/2021 at 2:05 AM, dlthdus0817 said:

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

 

 

Do you need help on this?

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

1. (Mobile – footer) Make instagram icon and text on the same line

On 7/13/2021 at 5:43 AM, tuanphan said:

Do you need help on this?

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

1. (Mobile – footer) Make instagram icon and text on the same line

Hi Tuanphan.

Yes definitely, I NEED YOUR HELP!

Thank you so much.

14 hours ago, dlthdus0817 said:

 

Hi Tuanphan.

Yes definitely, I NEED YOUR HELP!

Thank you so much.

Add to Design > Custom CSS

/* Mobile footer text icon same line */
@media screen and (max-width:767px) {
div#page-section-60c23bc99045f975459f3692 {
.span-12 .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
div#block-yui_3_17_2_1_1623952657669_7673 p {
    white-space: nowrap !important;
    font-size: 12px;
}
.span-6:first-child {
    width: 20% !important;
}
.span-6:last-child {
    width: 80% !important;
}
}
}