Joomla Templates Club 406,261 posts

[dcburnquist Friend dcburnquistJoin date: March 2013Posts: 3Downloads:0Uploads:0]

#185768

I need to allow the hero-unit (big image/text) on the landing page of JA OnePage span the FULL-WIDTH of the screen. Please note, I DON’T want to stretch the background to cover the full-width, I want to actually allow the hero-unit to span the full-width. I feel like the best way to do this is probably duplicating and creating a new template/style? I’m not sure exactly how to go about the proper coding to do what I need. Please let me know!

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#486324

You can customize but you need to know about css style, css style appearing on hero_unit section

.hero-unit {
background: url(../../../images/themes/modern/header_bg.jpg) no-repeat left top;
background-size: cover;
}

If you don’t want cover from css style you can use full image background

.hero-unit {
background: url(../../../images/themes/modern/header_bg.jpg);
}

With image path: templates/ja_onepage/images/themes/modern/header_bg.jpg

[Author]

Posts