RocketTheme - TOPIC: Change main body background color in gantry framework

Welcome Guest! Login

0 items Join Now

- Andres
- Rocketeer
- Posts: 96
- Thanks: 0
Change main body background color in gantry framework

Posted 11 years 10 months ago
- Hello,
  
  I would like to know how can I change main body background color in gantry framework.
  
  Regards,
  
  Andrés
#986397
- Shazdeh
- Elite Rocketeer
- Posts: 4984
- Thanks: 29
Re: Change main body background color in gantry framework

Posted 11 years 10 months ago
- Hi,
  you need to use CSS to customize the design. To change the background color of the page you can use:
  body { background: #000; }
  Please see this tutorial on FireBug which enables you to inspect any elements on the page and see how you can use it to customize your site: www.rockettheme.com/blog/team/255-tools-firebug .
- Please don't PM unless requested
  Consider using the custom stylesheet for all your CSS customizations: gantry-framework.org/documentation/wordp...custom_stylesheet.md .
  Please provide the URL to the issue.
  And please mark the thread as solved if the issue is resolved.
#986424
- Andres
- Rocketeer
- Posts: 96
- Thanks: 0
Re: Change main body background color in gantry framework

Posted 11 years 10 months ago
- Hello,
  
  I have added body { background: #FFFFF; } under custom_css in Gantry THEME_SETTINGS but nothing happen. The url is afmcapital.com/blog/
  
  Regards,
  
  Andrés
#987024
- Shazdeh
- Elite Rocketeer
- Posts: 4984
- Thanks: 29
Re: Change main body background color in gantry framework

Posted 11 years 10 months ago
- Hi,
  please check the Custom CSS option in the theme settings page -> Style tab. You have this line:
  body {background: #FFFFFF !important;}
  since this rule has "!important" it always overrides other rules to change the background.
- Please don't PM unless requested
  Consider using the custom stylesheet for all your CSS customizations: gantry-framework.org/documentation/wordp...custom_stylesheet.md .
  Please provide the URL to the issue.
  And please mark the thread as solved if the issue is resolved.
#987197

Andres
Rocketeer
Posts: 96
Thanks: 0

Re: Change main body background color in gantry framework

Posted 11 years 10 months ago

Hello,

This is my custom code:

body .gf-menu .dropdown {background: red;filter: none;}
body .gf-menu .dropdown {border-color: red;box-shadow: none;}
body {background: #FFFFFF !important;}
body .gf-menu li:hover, .gf-menu .dropdown ul li:hover .item {background: red;box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset;}
body .gf-menu li:hover > .item {color: #FFFF88 !important;}
body .gf-menu li.active:hover {
background: red !important;
}
 
.gf-menu.l1 > li.active {
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: none !important;
background: none !important;
}
body #rt-top-surround {background: #041128 !important;}
.rt-block.menu-block {
background: red;
}
body {background: #FFFFFF !important;}

but I can't see any change in background color.

Regards,

Andrés

#987250

- Shazdeh
- Elite Rocketeer
- Posts: 4984
- Thanks: 29
Re: Change main body background color in gantry framework

Posted 11 years 10 months ago
- Hi,
  that last line in the code is changing the background color. You need to change that line to change the background color.
  Please see this tutorial to learn about CSS specificity: css-tricks.com/specifics-on-css-specificity/ .
- The following users have thanked you: Van K Yang
- Please don't PM unless requested
  Consider using the custom stylesheet for all your CSS customizations: gantry-framework.org/documentation/wordp...custom_stylesheet.md .
  Please provide the URL to the issue.
  And please mark the thread as solved if the issue is resolved.
#987295
- Andres
- Rocketeer
- Posts: 96
- Thanks: 0
Re: Change main body background color in gantry framework

Posted 11 years 10 months ago
- Hello,
  
  Really sorry working good now
#987490
- bossmoss
- Jr. Rocketeer
- Posts: 23
- Thanks: 0
Re: Change main body background color in gantry framework

Posted 11 years 6 months ago
- This worked, thank you so much
#1026475
- Peter W
- Jr. Rocketeer
- Posts: 44
- Thanks: 0
- Pete
Re: Change main body background color in gantry framework

Posted 11 years 3 months ago
- bossmoss wrote:
  This worked, thank you so much
  Not understanding please?
  
  re: please check the Custom CSS option in the theme settings page -> Style tab. You have this line:
  
  I went to Template Manager > Styles > I am in
  
  Templates Manager / Edit Style
  
  Joomla 3.2.1
  
  I do not see anywhere for Css code
- Miles of Smiles!
  
  Pete
#1057564

Time to create page: 0.053 seconds