Jump to content

[SOLVED] Block Banner with full width


 Share

Recommended Posts

I want the block banner to stretch across the entire page.

 

I went to this file and changed the portion under mas-width but nothing changed.

 

/themes/default-bootstrap/css/modules/blockbanner/blockbanner.css

 

#header .banner a img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 65px;         
  max-width: 1170px; }    <----- CHANGED THIS

 

What else can I do?

 

http://www.sweetsodypop.com

 

Share this post


Link to post
Share on other sites

I actually changed the width to 1900 to see if that would be large enough and the width didn't change.  It seems like the overall width of the template needs to change?  Just wondering if I do that if the entire store will be wider and how I can prevent that from happening?

Share this post


Link to post
Share on other sites

  • 4 months later...

use this:

.banner .container, header .banner a {max-width:100%!important; width:100%!important;}

in your global.css file

I did it and banner filled in space only on the left side, right side has still a square of the black background..

Share this post


Link to post
Share on other sites

  • 4 weeks later...

use this:

.banner .container, header .banner a {max-width:100%!important; width:100%!important;}

in your global.css file

Can you tell me how I can do it in the height, My banner need to a bigger size in the height and I try to change in a lot of places but do not change the size in my site, I seach in all forum and this is the topic more close to answer that I need.

 

Sorry for my English.

Share this post


Link to post
Share on other sites

  • 3 months later...

i solved like this

 

 

 

#header .banner a img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 92px;         
  max-width: 1900px; }
 

.banner .container, header .banner a {max-width:100%!important; width:100%!important;} 

Edited by ps3z (see edit history)

Share this post


Link to post
Share on other sites

 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More