how to minimize spaces?

With google chrome makes a right click and inspect on the element or zone to modify and modify this element in your file style.css of your theme

do you use Filezilla?

Hi @lolo343,

Yes I use Filezilla

ok , 2 seconds please , i’m looking for

First one is page title space(you may need custom code for it) and second one is “call to action”(you can disable it from customizr in admin area)

Which theme are you using?

Cheers!!

Thanks @saurabhsaneja for replying,

I removed the “remove title” plugin. I’ll try to remove the page title soon.

Concerning the second one, I didn’t used “call to action”. I used “SiteOrigin page builder” plugin for creating the content (body).

I’m using “StoreFront” theme.

In your FTP checks that you have a child theme folder.
go to wp-content/themes and you must see your-theme and your theme child or a parent theme and child theme;
you must modify your style.css in your child theme.

You can try this:

.header#masthead {
margin-bottom: 10px; (<–it’s an exemple)
}
.storefront-full-width-content .content-area {
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 0; (<–add this you can adjust but it’s ok whith 0px)
float: left;
}

Thanks very much @lolo343, I tried, but there are spaces.

You can see the website again.

@hamadesign I’ll watch this tonight because I’m busy for the moment

On other pages that space below is not there… you need to remove padding/margin below of your carousal slider. Check where is that settings in the carousal slider.

+1 @saurabhsaneja

I see you have page title name on other pages. To remove it from homepage. try this plugin, it is exclusively for storefront theme.It will remove page title placeholder space. Please watch the video first(it’s on the plugin page below)

https://www.ads-software.com/plugins/storefront-title-toggle/

Thanks @saurabhsaneja, I did that, but the space still there above the slider.

Let’s go back to trying CSS solutions. Because of your site’s caching, we cannot tell where your rules are coming from, but somewhere there’s this:

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header, .no-wc-breadcrumb .site-header {
  margin-bottom: 4.2358em;
}

The layout may be different, but the content is correct. Try changing the 4.2358em to 0 (zero not the letter O). This will get it a lot closer but there’s still a gap. Be sure this change does not adversely affect other pages. If it does, you’ll need a more specific overriding rule declared after this one.

If you’d rather have no gap at all, adding the following rule will align it flush with the bottom of the header.

.entry-content > div {
  margin-top: -12px;
}

To close up the space at the footer, locate this rule:

.hentry {
  margin: 0 0 4.2358em;
}

You can change 0 0 4.2358em to simply 0, or edit 4.2358 to any number that suits.

Once again, be sure this change does not affect other pages in an adverse manner.

If you have trouble finding these rules, if you disable caching, at least for this one page if possible, we can tell you where the rules occur. Without caching, you can likely find them yourself by using your browser’s developer tools. BTW, this tool is how I’ve arrived at my suggestions ??

If any of these rules come from your parent theme, copy the entire rule to your child theme and edit the child’s version. This should override the parent’s rules because they load later. If not, you may need to add the !important keyword to the style. This is generally a bad practice, but sometimes there is not a good alternative.

If your theme has an area in its settings to add custom CSS, try adding the rules there. These rules are often given very high precedence. There’s is also a custom CSS plugin that allows adding rules without the need to edit theme files. You may want to try this plugin if the other approaches are troublesome.

try this plugin; it removes white space:

https://www.ads-software.com/plugins/space-remover/

All the best!!