Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
Anthonyy

How to change Hero Banner

Recommended Posts

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!! 🙂

Screen Shot 2019-11-30 at 2.09.50 PM.png

Screen Shot 2019-11-30 at 2.09.37 PM.png

Share this post


Link to post
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 ?

Share this post


Link to post
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.

 

Screen Shot 2019-12-01 at 12.26.37 PM.png

Share this post


Link to post
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?

Screen Shot 2019-11-30 at 2.09.37 PM.png

Share this post


Link to post

@Anthonyy add to Home > Design > Custom CSS

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

 

Share this post


Link to post
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!!

Share this post


Link to post

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

Screen Shot 2019-12-01 at 7.17.41 PM.png

Screen Shot 2019-12-01 at 7.29.34 PM.png

Edited by Anthonyy

Share this post


Link to post

@Anthonyy add to Home > Design > Custom CSS

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

 

Share this post


Link to post
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?

Screen Shot 2019-12-01 at 7.29.34 PM.png

Share this post


Link to post

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;
}

 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...