RocketTheme - TOPIC: SOLVED background image in the header (2/3)

Welcome Guest! Login

0 items Join Now

- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
Re: SOLVED background image in the header

Posted 11 years 7 months ago
- best is to make your site online so we can take a look ...
#863974
- beamaria
- Elite Rocketeer
- Posts: 513
- Thanks: 6
Re: SOLVED background image in the header

Posted 11 years 7 months ago
- thanks Henning,
  unfortunately my site is on Xampp, not just offline, and I've no webspace to make it online.... A good solution could be to add an example 3: "how to add a bg image in header" to custom stylesheet documentation of gantry fw :cheesy:
#864007
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
Re: SOLVED background image in the header

Posted 11 years 7 months ago
- Since that is just basic css and not really Gantry specific you won't see such a tutorial.
  Explaining css and html in general is out of scope what a documentation of a framework can offer.
  Perhaps you can at least upload a screenshot?
#864010
- beamaria
- Elite Rocketeer
- Posts: 513
- Thanks: 6
Re: SOLVED background image in the header

Posted 11 years 7 months ago
- This image is hidden for guests.
  Please log in or register to see it.
  
  Now in my gantry-custom.css file I added this line:
  
  #rt-top-surround .rt-header{ background-image: url('../images/sfondo.jpg') !important;}
  
  but not working....Sincerely don't know what else I could do
#865671
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
Re: SOLVED background image in the header

Posted 11 years 7 months ago
- I will check that later ok?
#865673
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
Re: SOLVED background image in the header

Posted 11 years 7 months ago
- something like
  
  div#rt-header {
  background: url('some-path');
  }
  
  should be enough.
  
  Perhaps the path to your image is wrong?
#865691
- beamaria
- Elite Rocketeer
- Posts: 513
- Thanks: 6
Re: SOLVED background image in the header

Posted 11 years 7 months ago
- PERFECT!! :cheesy: :cheesy: :cheesy:
  I wrote the line you suggested in my gantry-custom css file and magically everything goes well!!
  Just in case someone has the same problem, I put my image in: templates/gantry/images/logo
  
  ONE MILLION THANKS Henning!!!
#865927
- mcongosto
- Newbie
- Posts: 2
- Thanks: 0
Re: SOLVED background image in the header

Posted 10 years 11 months ago
- hi
  
  i tried creating a file rt_cerulean-custom.css with this inside:
  
  #rt-top-surround {
  background-color: #260707;
  }
  
  Didn't work
  
  I just want to change the top bg color a little bit, why does it has to be so hard? whta am I doing wrong?
  
  site is www.coffeespain.com
  
  thanks
#972540
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
Re: SOLVED background image in the header

Posted 10 years 11 months ago
- 1. You dont have a file rt_cerulean-custom.css in the css folder of your template!
  Create it please and ...
  
  2. add this code
  header#rt-top-surround {
  background-color: #260707;
  background-image: none;
  }
  
  3. easy right?
#972588
- mcongosto
- Newbie
- Posts: 2
- Thanks: 0
Re: SOLVED background image in the header

Posted 10 years 11 months ago
- Thanks, it works.
  
  But no, sorry, not easy at all. Easy would be to change a parameter in the super gantry template config.
#972834