Reduce storefront homepage whitespace

Can you show me a link? ??

Hello James,
thanks for your support, I actually just started website development not so long so its a client’s project and appreciate your support, this is the link to site, https://fertil24.com
I will like to reduce the white space for the following:

after the parallax hero image

the whitespace after logo

the whitespace after menu navigation bar

the white space before and after the homepage content

the white space within the homepage content

whitespace before and after product category

whitespace before and after the footer and

whitespace on pages, see link here https://fertil24.com/about-us/

Also please check the shop page, how do I align the images properly, just this shop page, its okay with the other pages, see link here https://fertil24.com/shop/

Waiting for your support.
Thank you.

Hi Bennn,

In order for you to do the changes you want on your website, you need to do custom CSS adjustments for margin and padding properties on some elements.

The best way to do this is to learn how to do inspect element on that parts that you want to change. Here’s a link to a video on how to do that https://www.youtube.com/watch?v=oezIkOppbbc

Are you developing this on a child theme? if so make sure that your style.css file is added. If not, you need to find another way to add custom CSS through another plugin. But it’s really recommended to work on changes via a child theme.

Hope this helps!

Yes i am using child theme and have the jetpack custom css plugin. Clicked on link but had error message, Is there no other way maybe css codes for customizing and resolving the issue?

Thank you.

Hi am a new user here i need small help how to reduce home page content now it is showing complete article, it should show only few lines.

@maheshtati try using the <!-- more --> tag.

i cannot modify the margin value of elements. i can change the padding but not the margin on all elements with margin-bottom: 4.236em;.

example:

.woocommerce-breadcrumb {
margin-bottom: 0.236em }

does not change the margin from original value (4.236em).
i also changed the margin atribute in the parent css directly but the original value does not change when loading the page.

might be some simple thing i am missing.
please help