VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: divined on July 02, 2017, 09:07:44 AM

Title: Make a banner span the whole length
Post by: divined on July 02, 2017, 09:07:44 AM
Hello everybody

I have a banner placed at the Top-Position of my site. I would like it to take up the whole length of the page. This is the site if it helps: www.gpb.gr

Thanks, in advance
Title: Re: Make a banner span the whole length
Post by: Jörgen on July 02, 2017, 12:16:39 PM
You could try to add this css:
.banneritem img {
   width: 100%;
}
Or make Your banner 1280 px long.

Jörgen @ Kreativ Fotografi
Title: Re: Make a banner span the whole length
Post by: divined on July 02, 2017, 13:00:17 PM
Thank you for the reply.

My problem is where should I place this and the specifics of the css code? Is the .banneritem the name of the module published on my Joomla site and should I add it the to the template.css of my default template?

Best regards!
Title: Re: Make a banner span the whole length
Post by: Jörgen on July 02, 2017, 13:24:16 PM
It should work whwn placing it template.css Just try it out, the site will not explode  ;)
I usually place all css changes in an extra include file (if provided by the template) or last in the pemplate.css file. Easier to maintain. If I use the template.css file I make a copy template-custom.css. That I can use when it is time for an update of the template,

Jörgen @ Kreatuv Fotografi
Title: Re: Make a banner span the whole length
Post by: jenkinhill on July 02, 2017, 13:31:15 PM
Learn to use Firebug.  http://forum.virtuemart.net/index.php?topic=116620.0
Title: Re: Make a banner span the whole length
Post by: AH on July 03, 2017, 10:09:46 AM
@kelvyn

Users no longer need to use firebug (and probably should not bother with it anymore) as both chrome / firefox  come now have very good native support for reviewing and manipulating a page.

Title: Re: Make a banner span the whole length
Post by: jenkinhill on July 03, 2017, 12:10:02 PM
The instructions for using Firebug are easier to follow.  ;)