0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

Background none

    • Designhow's Avatar
    • Designhow
    • Elite Rocketeer
    • Posts: 1013
    • Thanks: 0

    Background none

    Posted 13 years 11 months ago
    • Hi Rockers!
      I put these at the bottom of style1.css the first one overrides the css the second does nothing.
      I am trying to remove the background of the header so the body background image shows through.
      I will have to do the same for #rt-bottom also.

      any solutions i am trying to understand specificity, and use Firebug. this is the work in progress url growmyideas.com/joomla/


      body.cssstyle-style1 {background: #fff url(../images/header2.jpg) top center repeat-x;}

      .rt-container {background-color: none;}

      Designhow
    • Last Edit: 13 years 9 months ago by Designhow.
    • Tyndie's Avatar
    • Tyndie
    • Preeminent Rocketeer
    • Posts: 8804
    • Thanks: 5

    Re: Background none

    Posted 13 years 11 months ago
    • Hi,

      Try using the !important attribute after none, or you could try background-color: transparent?
    • Designhow's Avatar
    • Designhow
    • Elite Rocketeer
    • Posts: 1013
    • Thanks: 0

    Re: Background none

    Posted 13 years 11 months ago
    • Tyndie wrote:
      Hi,

      Try using the !important attribute after none, or you could try background-color: transparent?

      Thanks! that did work for only for the content area. I was also trying to make the top menu and the header transparent. I can't seem to find the right specificity to make it happen.


      I switched over to Gantry a few days ago, and and styling is very problematic, my client is going to freakout with all the styling I promised .
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29363
    • Thanks: 956
    • Volunteer

    Re: Background none

    Posted 13 years 11 months ago
    • add this to your template.css and clear your cache ...

      #rt-header div.rt-container,
      #rt-menu div.rt-container
      {background-color: transparent;}
    • Designhow's Avatar
    • Designhow
    • Elite Rocketeer
    • Posts: 1013
    • Thanks: 0

    Re: Background none

    Posted 13 years 11 months ago
    • Super! Henning you are awesome!
      one last request? the bottom list menu I wish to have the type smaller and tighter line height...
      Adding this to the template did nothing.

      #rt-block .rt-container {font size:9pt;}
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29363
    • Thanks: 956
    • Volunteer

    Re: Background none

    Posted 13 years 9 months ago
    • add this

      #rt-bottom div.rt-block ul.menu li
      {font-size: 9px;line-height: 12px;}

Time to create page: 0.070 seconds