0
Welcome Guest! Login
0 items Join Now

SOLVED background image in the header

    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: SOLVED background image in the header

    Posted 12 years 2 months ago
    • best is to make your site online so we can take a look ...
    • beamaria's Avatar
    • beamaria
    • Elite Rocketeer
    • Posts: 513
    • Thanks: 6

    Re: SOLVED background image in the header

    Posted 12 years 2 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:
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: SOLVED background image in the header

    Posted 12 years 2 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?
    • beamaria's Avatar
    • beamaria
    • Elite Rocketeer
    • Posts: 513
    • Thanks: 6

    Re: SOLVED background image in the header

    Posted 12 years 2 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 :oops:
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: SOLVED background image in the header

    Posted 12 years 2 months ago
    • I will check that later ok?
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: SOLVED background image in the header

    Posted 12 years 2 months ago
    • something like

      div#rt-header {
      background: url('some-path');
      }

      should be enough.

      Perhaps the path to your image is wrong?
    • beamaria's Avatar
    • beamaria
    • Elite Rocketeer
    • Posts: 513
    • Thanks: 6

    Re: SOLVED background image in the header

    Posted 12 years 2 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!!!
  • Re: SOLVED background image in the header

    Posted 11 years 6 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
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: SOLVED background image in the header

    Posted 11 years 6 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?
  • Re: SOLVED background image in the header

    Posted 11 years 6 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.

Time to create page: 0.059 seconds