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

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

Link to post
  • Replies 13
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

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.

@Anthonyy add to Home > Design > Custom CSS #hero-banner .Index-page-content { margin-top: 0 !important; padding-bottom: 0; }  

@Anthonyy add to Home > Design > Custom CSS div#block-0ae422ae49a6aaea2933 + .row .span-4 { width: 30%; margin-left: 1.5%; margin-right: 1.5%; }  

Posted Images

20 minutes ago, Anthonyy said:

What is access password?

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

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 ?

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

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

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

Link to post

@Anthonyy add to Home > Design > Custom CSS

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

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

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

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

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

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

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

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