Brooklyn theme: Slideshow Size, Change Icons and Center Social Media in Footer

[kmdesign]

Hello

I'm working on a site using Brooklyn theme.

I would like to make the following customizations.  

1) increase height of the Slideshow size on the home page (it looks great on mobile but the photo is getting cropped along the bottom on desktop)  I've tried resizing the photo, but it would look better if I can just increase the height of the slideshow container. 

The theme.scss file says this, I can't find the Slider init JS file. 

/*============================================================================
Full screen hero styles
- Uses css background image
==============================================================================*/
.hero {
// Height is set by JS on slider init. vh is a nice default for modern browsers.
height: 100vh;
max-height: 100vh;

2) Switch out the login and cart icons for my own

3) Center the Instagram logo in footer and remove the text "instagram" so it just shows the icon. 

Thank you! 

[KetanKumar]

@kmdesign 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

can you please share the issue sreenshot?
So I will check and provide a solution here.

[kmdesign]

Thank you @KetanKumar 

Here are screenshots of the home page slideshow for desktop and mobile.  I would like the desktop version to extend to the bottom of the dog.  (like it does in the mobile version).  Also attached of the instagram uncentered in footer.  Thanks for your help. 

[kmdesign]

@KetanKumar Hi again, wondering if you could still help with this.  If Instagram can't be centered in footer, is possible to move just the icon to the top left of the header?  

[KetanKumar]

@kmdesign 

store URL?

[kmdesign]

It is https://saint-rocco.myshopify.com/

[KetanKumar · Accepted solution]

@kmdesign 

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

.social-icons {
    text-align: center;
}

[kmdesign]

Thank you so much @KetanKumar that worked beautifully to center the instagram icon in the footer.

Is there anything you can suggest for me to change the icons in the template for login and shopping cart?  I would like to replace them with my own icons. 

[KetanKumar]

@kmdesign 

great, thanks for the update

yes, is possible to customization code  do you need this please personal message