• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support SmugMug Customization Changing CSS of div classes

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 #130 (Hot or Cold), Memol..

The next Dgrin Challenge DSS #131 (Music) is open for entries through June 24th, 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-15-2012, 04:06 PM
#1
IYW is offline IYW OP
Big grins
IYW's Avatar
Changing CSS of div classes
How can I change the CSS of all div classes (i.e. <div class="boxBottom">) and the background of the gallery pages from grey #333333? to #000000 with a simple emboss effect, to eliminate the grey of the entire site?
__________________

Last edited by IYW; Jun-15-2012 at 04:17 PM.
Old Jun-16-2012, 04:32 AM
#2
denisegoldberg is online now denisegoldberg
Major grins
denisegoldberg's Avatar
Add this to your CSS:
Code:
.boxTop,
.boxBottom, 
#photos { 
    background: #000 !important; 
}
If there are still places with the gray background, post the links here and someone will help you to add to this CSS.

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

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Old Jun-17-2012, 06:01 AM
#3
IYW is offline IYW OP
Big grins
IYW's Avatar
Thanks Denise. I would like to change the loading thumbnails and the pop-up contact form as well.
__________________
Old Jun-17-2012, 06:05 AM
#4
denisegoldberg is online now denisegoldberg
Major grins
denisegoldberg's Avatar
Quote:
Originally Posted by IYW View Post
Thanks Denise. I would like to change the loading thumbnails as well.
I have no idea what you mean by "loading thumbnails".

I don't see the CSS I posted above on your page. Please add the CSS, then post back with a link to any pages that still need to be changed and an explanation of what you want to change.

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

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Old Jun-17-2012, 06:45 AM
#5
IYW is offline IYW OP
Big grins
IYW's Avatar
Blank grey thumbnails until the images load:
http://imagine-your-world.smugmug.co...4917227_TzWwBq

Contact form:
http://imagine-your-world.smugmug.com/customcontact
__________________

Last edited by IYW; Jun-17-2012 at 07:54 AM.
Old Jun-17-2012, 07:49 AM
#6
IYW is offline IYW OP
Big grins
IYW's Avatar
... And how can I add some padding to the top of the gallery box?

This didn't work:
#galleriesBox {padding-top: 3px;
}

Galleries
__________________
Old Jun-17-2012, 08:01 AM
#7
denisegoldberg is online now denisegoldberg
Major grins
denisegoldberg's Avatar
Quote:
Originally Posted by IYW View Post
I don't see the black / gray thumbnails.

This will change the background of the contact panel to black:
Code:
#contactUsPanelmyContactPanel0 { background: #000; }
--- Denise
__________________
http://www.denisegoldberg.com ... http://denise.smugmug.com

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Old Jun-17-2012, 08:15 AM
#8
IYW is offline IYW OP
Big grins
IYW's Avatar
These are the placeholders until the photos are loaded.
__________________
Tell The World!  
Tags
classes , css , div
Similar Threads Thread Starter Forum Replies Last Post
No way to target just category page with CSS jfriend Bug Reporting 3 Mar-18-2011 05:02 AM
Smugmug has gallery CSS customization backwards jfriend SmugMug Customization 24 Jul-27-2010 02:27 PM
CSS not being honored for headers and footers in galleries hontzd SmugMug Customization 3 Mar-13-2010 08:42 PM
W3C CSS validator problem micknewton SmugMug Support 7 Sep-14-2008 10:37 AM
Having problems changing color using CSS cameraguy64 SmugMug Customization 2 Feb-15-2008 05:01 PM


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