• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support Legacy SmugMug Customization Removing Gallery Caption Border

Need some help with your New SmugMug Site?

Dgrin Challenges

Our Challenges moderator has lined up an new set of challenges for you. The Weekly Word Challenge. Get all the details and participate in the conversation Weekly Word Challenge.

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

Looking for a little challenge? The Dgrin Mini-Challenges are a great way to challenge yourself. Take a moment to look through past winners and find the current Mini Challenge here.

From Around the Net

Enjoy a few of our favorite articles from around the 'net. If you have something you think we should see, post it here and we'll have a look.

Journeys

Landscapes

Sports

 
Thread Tools Display Modes
Old Apr-13-2012, 05:35 PM
#1
PiratePete is offline PiratePete OP
Big grins
Removing Gallery Caption Border
Hey all,

I'm wondering if someone can help me with a bit of coding I can't seem to work out for myself. I have tried using the Firefox Web Developer tool but just cant figure it out. Basically I want to remove (or hide) the caption border underneath my big main photo. The element is called "div #caption_bottom .caption bottom_border" but the {display:none;} does not work without hiding the whole caption box which I do not want to do.

http://paredesphoto.smugmug.com/Food...2990&k=KKgXvqR

I'm also looking for a way to change the colour of the 'View Cart' and 'Slideshow' green icons.

Can anyone help?

Thanks,

Pete
__________________
My SmugMug Photography Page: www.paredesphoto.smugmug.com

Last edited by PiratePete; Apr-13-2012 at 06:07 PM.
Old Apr-14-2012, 04:15 AM
#2
denisegoldberg is offline denisegoldberg
Major grins
denisegoldberg's Avatar
You can remove the line under the photo caption with this CSS:
Code:
 
#caption_bottom { border: none !important; }
Here's a link to a page about customizing the smug buttons - http://help.smugmug.com/customer/portal/articles/84228.

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

Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+
Old Apr-15-2012, 09:32 AM
#3
PiratePete is offline PiratePete OP
Big grins
Thanks for that code Denise!

Quote:
Originally Posted by denisegoldberg View Post
Here's a link to a page about customizing the smug buttons - http://help.smugmug.com/customer/portal/articles/84228.

--- Denise
I'm trying to change the colour of the icons as stated in that help article but cant seem to get the code working. Am I missing something?

Code:
.sm-button {
    border-top: solid 1px #5e3707;
    border-bottom: solid 1px #5e3707;
    background: #9cc2ca url("http://paredesphoto.smugmug.com/photos/i-MxHdmgQ/0/X3/i-MxHdmgQ-X3.gif") 0 0 repeat-x;
}
.glyphButton .first-child, .yui-menu-button button {
    background-image: url("http://paredesphoto.smugmug.com/photos/i-MxHdmgQ/0/X3/i-MxHdmgQ-X3.gif");
}
.sm-button button, .sm-button a {
    color: #5e3707;
}
.sm-button {
    border-left: solid 1px #5e3707;
    border-right: solid 1px #5e3707;
    _border-left: none;
    _border-right: none;
    ~border-left: none;
    ~border-right: none;
}
.sm-button .first-child {
    border: none;
    _border-left: solid 1px #5e3707;
    ~border-left: solid 1px #5e3707;
    _border-right: solid 1px #5e3707;
    ~border-right: solid 1px #5e3707;
}
__________________
My SmugMug Photography Page: www.paredesphoto.smugmug.com
Old Apr-18-2012, 06:05 AM
#4
PiratePete is offline PiratePete OP
Big grins
*Bump*

Can anyone help me with this? I've seen loads of pages with white icons so wondering if it is some simple coding rather than this more complicated method :s
__________________
My SmugMug Photography Page: www.paredesphoto.smugmug.com
Old Apr-18-2012, 01:26 PM
#5
Smug Eric is offline Smug Eric
Smug Hero
Smug Eric's Avatar
Some of the other themes will have different colored buttons associated with them. So that would be the simplest way. But if you want to code in the change we would need you to add the code back in so we could see where the problem is.
__________________
Eric
Support Hero and Customeister
http://www.smugmug.com/help
Old Apr-18-2012, 03:14 PM
#6
PiratePete is offline PiratePete OP
Big grins
Quote:
Originally Posted by Smug Eric View Post
Some of the other themes will have different colored buttons associated with them. So that would be the simplest way. But if you want to code in the change we would need you to add the code back in so we could see where the problem is.
Hi Eric,

Thanks for the reply. I've added the coding back in. Please let me know what you think the problem is.

Many thanks,

Pete
__________________
My SmugMug Photography Page: www.paredesphoto.smugmug.com
Old Apr-18-2012, 03:42 PM
#7
Smug Eric is offline Smug Eric
Smug Hero
Smug Eric's Avatar
It looks like you are loading this image:

http://paredesphoto.smugmug.com/phot.../i-MxHdmgQ.gif

as the background image. That is over laying the background color. You need to edit that image to have the color you were wanting
__________________
Eric
Support Hero and Customeister
http://www.smugmug.com/help
Old Apr-18-2012, 03:59 PM
#8
PiratePete is offline PiratePete OP
Big grins
Quote:
Originally Posted by Smug Eric View Post
Some of the other themes will have different colored buttons associated with them. So that would be the simplest way. But if you want to code in the change we would need you to add the code back in so we could see where the problem is.
Quote:
Originally Posted by Smug Eric View Post
It looks like you are loading this image:

http://paredesphoto.smugmug.com/phot.../i-MxHdmgQ.gif

as the background image. That is over laying the background color. You need to edit that image to have the color you were wanting
Hi Eric,

Thanks again for the quick reply. Maybe I am getting confused but I thought that image had the colour of icons I wanted ie. white
__________________
My SmugMug Photography Page: www.paredesphoto.smugmug.com
Old Apr-18-2012, 04:11 PM
#9
Smug Eric is offline Smug Eric
Smug Hero
Smug Eric's Avatar
Gotcha, to get the white icons to load you need to remove the theme you have set in your control panel. That is overriding what you have in.
__________________
Eric
Support Hero and Customeister
http://www.smugmug.com/help
Old Apr-19-2012, 12:22 AM
#10
PiratePete is offline PiratePete OP
Big grins
Quote:
Originally Posted by Smug Eric View Post
Gotcha, to get the white icons to load you need to remove the theme you have set in your control panel. That is overriding what you have in.
That's great, thanks for spotting that Eric!

I did not want to change the theme though as I like the 'Black Gradient' at the back and guessing it will remove that effect if I changed it from SmugMug Gradient right? But with that in mind about overriding it I figured out if I changed the code slightly it fixes the problem:

Code:
.glyphButton .first-child, .yui-menu-button button {
    background-image: url("http://paredesphoto.smugmug.com/photos/i-MxHdmgQ/0/X3/i-MxHdmgQ-X3.gif") !important;
}
Always forget about that good old 'important' coding that sorts things out sometimes

Thanks for all your input - that's one more change off the list now
__________________
My SmugMug Photography Page: www.paredesphoto.smugmug.com
Tell The World!  
Similar Threads Thread Starter Forum Replies Last Post
Removing Nav bar in Gallery Slideshow EmailShmemail Legacy SmugMug Customization 1 Mar-20-2012 04:05 PM
Making a "welcome" page fatsilas Legacy SmugMug Customization 17 Jan-30-2010 04:14 AM
Adding border to the Picture, when opened from the Gallery page rmbrar Legacy SmugMug Customization 7 Jan-19-2010 03:22 PM
removing border from photo birchfield Legacy SmugMug Customization 0 Jan-08-2008 11:27 AM
Backprinting @ smugmug K.Van SmugMug Support 62 Apr-05-2005 12:11 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