Brooklyn Hero Image Change Size

Tourist
4 0 2

Hi!

can someone help me to get to following results for the Brooklyn theme

 

1. White background bar at top

2. smaller hero image (in height)

 

b1.PNG

 

 

b2.PNG

 

i found this in another forum.

there it was explained like this

 

Open the hero.liquid snippet in the online code editor, and on line 21 replace this:

{% assign hero_full_height = true %}

... with

{% assign hero_full_height = false %}

 

but in cannot fid this anymore in the brooklyn code - probably something changed, as the post is already old.

Would be great, if someone could help here.

 

BR

Markus

0 Likes

@MarkusStone,

Please share your site url so that I will give you exact solution

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Shopify Expert
2674 65 664

Markus, 

in recent versions of Brooklyn you do not need this as you can change it in theme customizer -- section Slideshow now  has a "Slide Height" option and if you select "Adapt.." it will not be a fullscreen image anymore, but will follow first image proportion.

 

Adding a rule like this to the bottom of the theme.scss.liquid asset will make a header background white 

header.site-header {
    background: white;
}

And set the text color in properties of all slides.

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
0 Likes
New Member
3 0 0

With shopify you get 1 hour free development help.  I have added this bar twice now with other stores and it cost me about 10 mins of my free development time (I suppose this depends on who you get!)

0 Likes