• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support SmugMug Customization Changing the background color of boxes

FAQtoid

Ever wanted to create an Avatar? Creating an Avatar!

Searching Dgrin with Google Searching with Google

Dgrin Challenges

Congratulations to the Winner of DSS #128 (Sunrise or Sunset), ShootingStar.

The next Dgrin Challenge DSS #129 (Silhouette Revisited ) is open for entries through May 27th, 2013 at 8:00pm PDT.

As always, we look forward to your participation but please do take a moment to read through the rules before posting your entry.

Past DSS Challenge Winners, DSS Challenge Rules, and other important DSS Challenge information is here.

Need some help with Accessories?

Tutorials

Ever find yourself wondering just how someone managed to create an image using different effects?

Here are three simple tutorials we hope will encourage you to try something new.

The Hot Seat

A lifelong interest in landscape photography has led Eyal Oren to make a study of his adopted hometown of Marblehead, MA. As you can see, his dedication is paying off!

Africa!

Dgrinners Harryb, Pathfinder, and others joined Andy Williams and Marc Muench on Safari in East Africa recently. Here are some awesome threads to check out!

 
Thread Tools Display Modes
Old Jun-10-2009, 01:23 PM
#1
Uncommon Depth is offline Uncommon Depth OP
Big grins
Uncommon Depth's Avatar
Changing the background color of boxes
On my homepage the bio and gallery boxes are light grey (#cccccc). Nothing I've tried to change that color to white seems to work. I've been on the forums for the past hour searching for an answer and can't find anything that works. I've tried putting the following code into my Customizing CSS, but it doesn't change a darn thing. I also tried putting that code into the CSS of my Theme. Nothing.

Code:
.box {background: #ffffff; border: medium double #f5f5f5;}
I've tried calling the style #box .box and simply box. I've tried bioBox, etc. Nothing. Does anyone know how to change those boxes on the home page? Any help would be greatly appreciated.

Plus every time I go to the Control Panel I'm force to log-in again, which has become quite annoying now!
Old Jun-10-2009, 01:43 PM
#2
denisegoldberg is online now denisegoldberg
Major grins
denisegoldberg's Avatar
Your CSS was missing commas between the elements you were trying to change, and since you are overriding a theme you need !important.

Try this:
Code:
 
.box, 
.boxTop,
.boxBottom {
    background: #ffffff !important; 
    border: medium double #f5f5f5;
}
In the future, don't guess as to what elements you need to change. Try the Firefox Web Developer - see tutuorial (including like to the tool) at http://dgrin.smugmug.com/gallery/1354921.

--- Denise
__________________
http://www.denisegoldberg.com ... http://denise.smugmug.com

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Old Jun-10-2009, 02:15 PM
#3
Uncommon Depth is offline Uncommon Depth OP
Big grins
Uncommon Depth's Avatar
Thanks Denise. It was the !important that made the difference.
Old Jul-03-2009, 09:05 AM
#4
R.Leonardo is offline R.Leonardo
Major grins
R.Leonardo's Avatar
Is there a way to make them transparent rather then with solid colour? I want my background image to not be blocked by the boxes.
__________________
R. Leonardo
www.RobArtPhoto.com
Whether he is an artist or not, the photographer is a joyous sensualist, for the simple reason that the eye traffics in feelings, not in thoughts. -Walker Evans
Old Jul-03-2009, 09:09 AM
#5
R.Leonardo is offline R.Leonardo
Major grins
R.Leonardo's Avatar
Ahk, never mind! I got it with
.boxBottom,
.boxTop,
.box
{background:none !important;
}
__________________
R. Leonardo
www.RobArtPhoto.com
Whether he is an artist or not, the photographer is a joyous sensualist, for the simple reason that the eye traffics in feelings, not in thoughts. -Walker Evans
Tell The World!  

Thread Tools
Display Modes

Posting Rules  
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump