Author Topic: Make a banner span the whole length  (Read 206 times)

divined

  • Beginner
  • *
  • Posts: 33
  • A beginner
  • Skype Name: George
Make a banner span the whole length
« 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

Jörgen

  • Global Moderator
  • Full Member
  • *
  • Posts: 969
    • Kreativ Fotografi
  • VirtueMart Version: 3.0.19.9
Re: Make a banner span the whole length
« Reply #1 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
Joomla 3.6.5
Virtuemart 3.0.19.9
Olympiantheme Hera (customized)

divined

  • Beginner
  • *
  • Posts: 33
  • A beginner
  • Skype Name: George
Re: Make a banner span the whole length
« Reply #2 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!

Jörgen

  • Global Moderator
  • Full Member
  • *
  • Posts: 969
    • Kreativ Fotografi
  • VirtueMart Version: 3.0.19.9
Re: Make a banner span the whole length
« Reply #3 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
Joomla 3.6.5
Virtuemart 3.0.19.9
Olympiantheme Hera (customized)

jenkinhill

  • UK Web Developer & Consultant
  • Global Moderator
  • Super Hero
  • *
  • Posts: 26055
  • Always on vacation
    • Jenkin Hill Internet
Re: Make a banner span the whole length
« Reply #4 on: July 02, 2017, 13:31:15 pm »
Kelvyn

Jenkin Hill Internet,
Keswick, Lake District

Unsolicited PMs/emails will be ignored.

Now away on vacation

AH

  • Global Moderator
  • Sr. Member
  • *
  • Posts: 2562
  • VirtueMart Version: 3.2.3
Re: Make a banner span the whole length
« Reply #5 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.

regards
A

Joomla 3.7.2
php 5.6 + php 7

jenkinhill

  • UK Web Developer & Consultant
  • Global Moderator
  • Super Hero
  • *
  • Posts: 26055
  • Always on vacation
    • Jenkin Hill Internet
Re: Make a banner span the whole length
« Reply #6 on: July 03, 2017, 12:10:02 pm »
The instructions for using Firebug are easier to follow.  ;)
Kelvyn

Jenkin Hill Internet,
Keswick, Lake District

Unsolicited PMs/emails will be ignored.

Now away on vacation