• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support SmugMug Customization How to change color in the background.

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!

SmugMug How To:

SmugMug News:

SmugMug Status

 
Thread Tools Display Modes
Old Aug-21-2012, 05:12 PM
#1
eric-holmes is offline eric-holmes OP
Major grins
eric-holmes's Avatar
How to change color in the background.
This is my "About me" page. I don't care for the color of the background, but I can't decipher the right code to change the color. Help please?

http://www.ericholmesphotography.com...9400349_dskCxk

Quote:
/*************************************************
======= About Me Page =======
*************************************************/
.gallery_19400349 #albumDescription
{margin:auto;background:#eee;
padding: 20px 40px 40px 40px;
width:860px;-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
-moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
filter:progid:DXImageTransform.Microsoft.Shadow
(Color='000000', direction='135', strength='3');_filter: none;}

.gallery_19400349 .myPhoto
{float:left;padding:0 30px 10px 0}

.gallery_19400349 .myPhoto img
{-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
-moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
filter:progid:DXImageTransform.Microsoft.Shadow
(Color='000000', direction='135', strength='3');_filter: none;}

.gallery_19400349 .myText
{font-family:arial;font-size:100%;
color:#777;font-weight:normal;text-align:justify}

.gallery_19400349 .journal_entry,
.gallery_19400349 #breadCrumbTrail,
.gallery_19400349 .play_slideshow,
.gallery_19400349 .share_button,
.gallery_19400349 #albumNav_top,
.gallery_19400349 #albumNav_bottom,
.gallery_19400349 .pageNav {display:none}














/* START gallery 19504175 */

.gallery_19504175 .myPhotoLinks {
float: left;
padding-right: 20px;
}


.gallery_19504175 .myTextLinks {
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
color: #ffffff;
font-size: 120%;
}

.gallery_19504175 #pageTitleLinks { /* title only */
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
text-align: center;
color: #ffffff;
font-size: 200%; /* Sets the page title font size */
}

.gallery_19504175 #pageTitleLinks p { /* text only */
margin: 0 auto;
width: 500px;
text-align: center;
font-size: 80%;
margin: 0 auto 10px;
}

/* hide unnecessary elements */

.gallery_19504175 #albumNav_top,
.gallery_19504175 #albumNav_bottom,
.gallery_19504175 .nophotos h3,
.notLoggedIn .gallery_19504175 .journal_entry,
.notLoggedIn .gallery_19504175 #breadcrumb {display: none;}

/* END gallery 19504175 */
__________________
www.ericholmesphotography.com
Old Aug-21-2012, 05:49 PM
#2
J Allen is offline J Allen
Major grins
J Allen's Avatar
Quote:
Originally Posted by eric-holmes View Post
This is my "About me" page. I don't care for the color of the background, but I can't decipher the right code to change the color. Help please?

http://www.ericholmesphotography.com...9400349_dskCxk

here:

Code:
/*************************************************
     =======  About Me Page  =======
*************************************************/
.gallery_19400349 #albumDescription 
{margin:auto;background:#eee;
padding: 20px 40px 40px 40px;
width:860px;-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
-moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
filter:progid:DXImageTransform.Microsoft.Shadow
(Color='000000', direction='135', strength='3');_filter: none;}

Congrats on all your recent media attention!
__________________
-Joe Allen
My Smugmug Site
Old Aug-21-2012, 07:52 PM
#3
eric-holmes is offline eric-holmes OP
Major grins
eric-holmes's Avatar
Quote:
Originally Posted by J Allen View Post
here:

Code:
/*************************************************
     =======  About Me Page  =======
*************************************************/
.gallery_19400349 #albumDescription 
{margin:auto;background:#eee;
padding: 20px 40px 40px 40px;
width:860px;-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
-moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
filter:progid:DXImageTransform.Microsoft.Shadow
(Color='000000', direction='135', strength='3');_filter: none;}

Congrats on all your recent media attention!
Thank you and thank you. I knew they were going to run an article on me but I didn't know it would be front page in the Sunday paper. I was ecstatic and overjoyed. How did you know? Facebook?
__________________
www.ericholmesphotography.com
Old Aug-22-2012, 12:12 AM
#4
J Allen is offline J Allen
Major grins
J Allen's Avatar
Quote:
Originally Posted by eric-holmes View Post
Facebook?

__________________
-Joe Allen
My Smugmug Site
Old Aug-22-2012, 05:41 PM
#5
eric-holmes is offline eric-holmes OP
Major grins
eric-holmes's Avatar
Ok, I got the background changed around like I want and I was hoping to add a little border/drop shadow around the image and text. It appears that the code is already set up for it and I played with some of the values but I couldn't get anything to change.
__________________
www.ericholmesphotography.com
Old Aug-22-2012, 09:15 PM
#6
J Allen is offline J Allen
Major grins
J Allen's Avatar
Quote:
Originally Posted by eric-holmes View Post
Ok, I got the background changed around like I want and I was hoping to add a little border/drop shadow around the image and text. It appears that the code is already set up for it and I played with some of the values but I couldn't get anything to change.

go with just "box-shadow....change this:

Code:
.gallery_19400349 .myPhoto img 
{-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
-moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
filter:progid:DXImageTransform.Microsoft.Shadow
(Color='000000', direction='135', strength='3');_filter: none;}

to this:


Code:
.gallery_19400349 .myPhoto img 
{box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
filter:progid:DXImageTransform.Microsoft.Shadow
(Color='000000', direction='135', strength='3');_filter: none;}


then for the border, you have that specified in the html tag...you can change it there....or add it to the CSS


Code:
<div class="myPhoto">
  
<img style="border:6px double #545565;" src="/photos/1517537240_Hk58svZ-M.jpg" height="450" width="299">
</div>
__________________
-Joe Allen
My Smugmug Site
Tell The World!  
Similar Threads Thread Starter Forum Replies Last Post
background not stretching and Smug footer floating terribleprocess SmugMug Customization 9 Aug-06-2012 11:20 AM
fixed main problem myself just small aberration left terribleprocess SmugMug Customization 0 Jul-31-2012 10:36 AM
Change background only to gallery drop down pages Gibson SmugMug Customization 6 Mar-23-2012 08:09 PM
Change Category Background Color? JimKarczewski SmugMug Customization 2 Dec-21-2010 11:10 AM
how to change particular font and background color JSS44 SmugMug Customization 2 Jun-02-2010 03:18 PM


« Previous Thread | Next Thread »
Thread Tools
Display Modes
Linear Mode Linear Mode

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