RocketTheme - TOPIC: Quasar - background of header section (1/2)

Welcome Guest! Login

0 items Join Now

- FH45
- Elite Rocketeer
- Posts: 909
- Thanks: 3
- CEO & Publisher
Quasar - background of header section

Posted 14 years 6 months ago
- I have changed the colour for the background of the header section - files header-bg.png and header-div.png and also the codes in the rt-top and body for my style6.css.
  
  But I find there is an extra area of grey just behind my logo and also there seems to be a one pixel difference on the left and right side of the template (between the logo and and the area where Faulty Towers is shown).
  
  I enclose the picture here for a better view of what I am trying to say.
  
  How do I correct these problems?
#513745
- Amandeep Singh
- Preeminent Rocketeer
- Posts: 17652
- Thanks: 2
Re: Quasar - background of header section

Posted 14 years 6 months ago
- Can you provide a link to your site
- Quick tips::
  1) Clear your browser cache if changes dont reflect
  2) Provide link to your site to help us help you better
  3) Use in firebug
  Tutorial-- http://www.rockettheme.com/blog/team/255-tools-firebug
  
  softlogique.com
#513802
- FH45
- Elite Rocketeer
- Posts: 909
- Thanks: 3
- CEO & Publisher
Re: Quasar - background of header section

Posted 14 years 6 months ago
- The link is www.jfkenterprises.net/yachtcharter
#513831
- FH45
- Elite Rocketeer
- Posts: 909
- Thanks: 3
- CEO & Publisher
Re: Quasar - background of header section

Posted 14 years 6 months ago
- Hi, can anyone help?
#515083
- VitalBodies.com
- Sr. Rocketeer
- Posts: 202
- Thanks: 0
Re: Quasar - background of header section

Posted 14 years 6 months ago
- background:url("../images/backgrounds/style6/header-underlay.png") no-repeat scroll 50% 0 transparent;
  
  located (line 24):
  www.jfkenterprises.net/yachtcharter/temp...r_j15/css/style6.css
  
  The line:
  #rt-header2 {
  background:url("../images/backgrounds/style6/header-div.png") repeat-x scroll 50% 100% transparent;
  
  Location (line 22): www.jfkenterprises.net/yachtcharter/temp...r_j15/css/style6.css
- http://www.VitalBodies.com
  Organic, Eco, Vital and Sustainable...
  http://www.VitalBodies.net
  Web Site Design - Green, W3C and Open Source...
#515115
- FH45
- Elite Rocketeer
- Posts: 909
- Thanks: 3
- CEO & Publisher
Re: Quasar - background of header section

Posted 14 years 6 months ago
- Sorry but it does not work. It is still the same as before.
  
  Any other areas I should change?
#515135

Amandeep Singh
Preeminent Rocketeer
Posts: 17652
Thanks: 2

Re: Quasar - background of header section

Posted 14 years 6 months ago

1) Change this::

.backgroundlevel-high #rt-header4, .backgroundlevel-med #rt-header4 {style6.css (line 25)
background:url("../images/backgrounds/style6/header-underlay.png") no-repeat scroll 50% 0 transparent;
}

.backgroundlevel-high #rt-header4, .backgroundlevel-med #rt-header4 {style6.css (line 25)
background:none;
}

2) Locate this in index.php file of template ::

<?php /** Begin Header **/ if ($gantry->countModules('header')) : ?>
          <div id="rt-header">
               <div class="rt-container">
                    <div id="rt-header2">

and change it to::

     <?php /** Begin Header **/ if ($gantry->countModules('header')) : ?>
          <div id="rt-header">
          <div id="rt-header2">
               <div class="rt-container">

Quick tips::
1) Clear your browser cache if changes dont reflect
2) Provide link to your site to help us help you better
3) Use in firebug
Tutorial-- http://www.rockettheme.com/blog/team/255-tools-firebug

softlogique.com

#515210

- VitalBodies.com
- Sr. Rocketeer
- Posts: 202
- Thanks: 0
Re: Quasar - background of header section

Posted 14 years 6 months ago
- What I mentioned is some of the CSS that can change the areas you mentioned. Like if you commented out the lines mentioned you would see those areas change. Commenting them out may or may not be the answer, but a starting point.
- http://www.VitalBodies.com
  Organic, Eco, Vital and Sustainable...
  http://www.VitalBodies.net
  Web Site Design - Green, W3C and Open Source...
#515393
- Empowermom
- Hero Rocketeer
- Posts: 476
- Thanks: 32
Re: Quasar - background of header section

Posted 14 years 6 months ago
- The problem is in the style6.css in the Header Section, not the template.css (I think that's right but I'm sure a moderator will give me a well deserved slap if I'm wrong.)
  
  Find:
  .backgroundlevel-high #rt-header4, .backgroundlevel-med #rt-header4 {background: url(../images/backgrounds/style6/header-underlay.png) 50% 0 no-repeat;}
  
  Replace with:
  .backgroundlevel-high #rt-header4, .backgroundlevel-med #rt-header4 {background: transparent;}
  
  OR
  
  leave the original style6.css alone, then find the file header-underlay.png listed above and open it in your graphics editor program. Next, CLEAR the file and save as (a blank,transparent) header-underlay.png. This way, no code required.
  
  (I a "no touchie the code" kinda' gal unless absolutely required!)
  
  I often resize some of the overlays to 20x20 and save them as "Same-name-as-file.png" in case I want to change them later. The resulting file will take up a whopping 1kb or less. It's easier than changing the code, gives you the same result and you can go back later and change it without a hassle or having to remember which code you changed.
  
  Of course, you should make a back-up of any file prior to taking the word of someone who could possibly be wrong (like ME!)
#515418
- FH45
- Elite Rocketeer
- Posts: 909
- Thanks: 3
- CEO & Publisher
Re: Quasar - background of header section

Posted 14 years 6 months ago
- Hi Amandeep, your solution works perfectly. But now, I have a small little problem with the top where there is an additional pixel shown in the center part - like previously for the bottom of the header where your second solution resolved it. What should I change to resolve that top issue?
  
  And thanks, Empowermom. Your solution works for my first problem.
#515657

Time to create page: 0.065 seconds