Hola! ¡Tenemos nuestra Comunidad en Español!

Need help targeting all banner images on our website

Highlighted
Top Contributor

Hey Community

 

Can anyone help me figure out how to make the banner images not take up so much of the page? They are really log and I think they can be shortened up a bit. Is this something I can add in on a per page basis in the head of the page?  Any help is appreciated.

https://www.omniresources.com/solution-consulting-services

Thanks!

 

Erin

 

Reply
0 Upvotes
1 Reply 1
Regular Contributor

 

.banner-inner .cell-wrapper {
    width: 94%;
    max-width: 1024px;
    margin: 0 auto;
    padding: 153px 0 171px;
    text-align: center;
    position: relative;
}

Hi @ErinKas

 

the banners have a specific class

 

.banner-inner

 

 

you should find it somewhere in your css

inside

 

@media screen and (min-width: 1200px)
.banner-home, .banner-inner {
    min-height: 850px;
}

 

 

you can change the height by changing the 

 

min-height: XXX px; 

value to the desired height. 

 

 

 

 

Beside that you'll propably need to change the paddings in following class

 

.banner-inner .cell-wrapper

 

 

currently the whole class part looks like this: 

 

.banner-inner .cell-wrapper {
    width: 94%;
    max-width: 1024px;
    margin: 0 auto;
    padding: 153px 0 171px; /* first number is the top padding - the third is the bottom padding */
    text-align: center;
    position: relative;
}

regards,

Anton

 

 

Did my post help answer your query? Help the Community by marking it as a solution

 

Reply
0 Upvotes