How to change Hero Banner

Hello! I would really appreciate it if someone is able help me with a problem I am currently facing.

There is too much spacing between the hero image and my next section.

Also, there is too much spacing between the title and "Downtown Toronto"  and the navigation bar.

Thank you very much for your time and effort!! 🙂

@Anthonyy Can you share link to your site?

1 hour ago, tuanphan said:

@Anthonyy Can you share link to your site?

@tuanphan https://www.cristinacorti.com/

20 minutes ago, Anthonyy said:

@tuanphan https://www.cristinacorti.com/

What is access password?

30 minutes ago, tuanphan said:

What is access password?

@tuanphan HI, thank you for your reply. Also the site is public, so there is no access password needed.

2 hours ago, Anthonyy said:

@tuanphan HI, thank you for your reply. Also the site is public, so there is no access password needed.

add to Home > Design > Custom CSS

/* Nav - Downtown */
section#hero-banner .Index-page-content {
    padding-top: 0;
}

between the title and "Downtown Toronto"  and the navigation bar.

You mean Site Title or?

There is too much spacing between the hero image and my next section.

You mean white section between 2 sections, or ?

14 hours ago, tuanphan said:

between the title and "Downtown Toronto"  and the navigation bar.

You mean Site Title or?

@tuanphan Thank you! Also please ignore when I said "the title", I wrote that by accident. Also, is there I way to place "Downtown Toronto" and "Home sweet home" a little bit down? I noticed that I can either place it where it was originally or when it is really close to the top.

14 hours ago, tuanphan said:

There is too much spacing between the hero image and my next section.

You mean white section between 2 sections, or ?

@tuanphan Would it be possible to minimize the spacing of the hero image so that there would be less scrolling time to reach the next section?

@Anthonyy add to Home > Design > Custom CSS

#hero-banner .Index-page-content {
    margin-top: 0 !important;
    padding-bottom: 0;
}

2 hours ago, tuanphan said:

@Anthonyy add to Home > Design > Custom CSS

#hero-banner .Index-page-content {
    margin-top: 0 !important;
    padding-bottom: 0;
}

 

Thank you very much!!

@tuanphan Hello, is it possible if you are able to help me with one more issue?

Right now I have three image posters: "rent", "sell", and "invest". Would it be possible to reduce the size of those three image posters equally? I'm saying this because I tried to add spacers, but when I add them, one of the images always end up in a different size.

And again, thank you for your time and your effort.

@Anthonyy add to Home > Design > Custom CSS

div#block-0ae422ae49a6aaea2933 + .row .span-4 {
    width: 30%;
    margin-left: 1.5%;
    margin-right: 1.5%;
}

19 hours ago, tuanphan said:

@Anthonyy add to Home > Design > Custom CSS

div#block-0ae422ae49a6aaea2933 + .row .span-4 {
    width: 30%;
    margin-left: 1.5%;
    margin-right: 1.5%;
}

 

Thank you for the code. But when I applied it, the sizes stayed the same. Was the code supposed to make the images smaller? My goal is to have the "sell" and "invest" images the same size as the "buy" picture while there are centred on the page. Would that be possible to do?

sorry, my code will reduce column with

use this code to reduce image size

div#block-0ae422ae49a6aaea2933 + .row img {
    width: 150px !important;
    height: auto !important;
}