How to combine slideshow with a header seamless transition.

[BB100]

for inspiration, please visit beebettercompany.com

i would like the header and slideshow, to look like that.

my website: thebrewerbuddy.com

[BSSCommerce-B2B]

hi @BB100 ,

I have reviewed your requirement, you just need to edit css script and the issue will be resolved.  You can follow my instructions! 

Step 1: Go to Admin -> Online store -> Theme > Edit code:

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

.banner__buttons a {
    font-size: 13px !important;
    display: inline-block !important;
    background-color: #f90;
    color: #fff;
    height: auto;
    width: auto;
    padding: 18px 30px;
    line-height: 1.25em;
    font-weight: 400;
    border-radius: 4px !important;
}

h2.banner__heading.inline-richtext.h0 {
    font-size: 39.2px;
    font-family: Avenir next !important;
}

Step 3: Save your code and reload this page.

=>> The result: 

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir! 

[BB100]

hi i am looking to make my slideshow and header how theirs look, notice
when you scroll how it looks. i dont want to edit my font or colors, i just
want a combination of the slideshow and header and how the logo changes
colors.

[BB100]

i got the transparent background i just need to have the animations from hovering over the header and logo change. 

the website appears to have 2 headers (one for the slideshow), one for the rest of website. 

please assist in solving this.

is there a way to make the slideshow image bigger cover more of screen?