How can I remove the white space above the footer?

Store Design
1

Hi everyone,

I’ve been reading posts all day of people with similar issues and none of the provided codes I’ve seen works.

I need to delete the white space below between the footer and the image.

Also, if someone can also tell me how to merge the image of the woman into the footer and have the text appear over it, that would be amazing.

Here is my website - https://cleverfashion.co/?_ab=0&_fd=0&_sc=1

Password - ibrewb

Thanks!

Screenshot (4).png
Screenshot (4).png1920×1080 360 KB

2

To remove the white space between the footer and the image on your website, you can try the following steps:

  1. Identify the CSS selector for the element containing the image and the white space. You can use browser developer tools to inspect the elements and find the appropriate CSS selector.

  2. Once you have identified the CSS selector, add the following CSS code to your theme’s custom CSS or style sheet:

#your-element-selector {
  margin-bottom: 0 !important;
}

Replace #your-element-selector with the actual CSS selector for the element containing the image and white space.

By setting the margin-bottom property to 0, you are removing the bottom margin of the element, which should reduce or eliminate the white space.

Regarding merging the image of the woman into the footer and having text appear over it, it would require more specific information about your website’s structure and styling. However, in general, you can achieve this effect by using CSS positioning and z-index.

Here’s an example code snippet to get you started:

#footer {
  position: relative;
}

#footer .woman-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}

#footer .text-overlay {
  position: relative;
  z-index: 1;
}

In this example, the .woman-image class represents the image of the woman, and the .text-overlay class represents the element containing the text you want to display over the image. Adjust the class names and properties according to your website’s structure.

Remember to replace #footer with the actual CSS selector for your footer element.