• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support SmugMug Customization Border on thumbnails

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 Aug-07-2012, 05:56 AM
#1
edinchavez is offline edinchavez OP
Big grins
Border on thumbnails
How can I get rid of the border on the thumbnails here:
http://edinchavez.smugmug.com/Portfo...2648&k=PZW9KHk

also, when I hover over them I would like for them to get a bit larger to know you are on that photo.

Thank you in advanced.
Old Aug-07-2012, 11:49 AM
#2
jwashburn is offline jwashburn
Major grins
Quote:
Originally Posted by edinchavez View Post
How can I get rid of the border on the thumbnails here:
http://edinchavez.smugmug.com/Portfo...2648&k=PZW9KHk

also, when I hover over them I would like for them to get a bit larger to know you are on that photo.

Thank you in advanced.
a img.imgBorder, .imgBorder {
border: none;
}

They wont get bigger when you hover, but it will remove the border
__________________
Joey Washburn
www.joeywashburn.com
Old Aug-07-2012, 01:05 PM
#3
edinchavez is offline edinchavez OP
Big grins
Quote:
Originally Posted by jwashburn View Post
a img.imgBorder, .imgBorder {
border: none;
}

They wont get bigger when you hover, but it will remove the border
It didn't do anything, any other suggestions?
Old Aug-07-2012, 01:19 PM
#4
jwashburn is offline jwashburn
Major grins
Quote:
Originally Posted by edinchavez View Post
It didn't do anything, any other suggestions?
Look through your css file for this

a img.imgBorder, .imgBorder {
background-color: transparent !important;
border-color: #FFFFFF !important;
border-style: solid !important;
border-width: 1px !important;
padding: 0 !important;
}


It looks like you have border-width set to 1px with the important tag. Change the border-width: 1px !importnat to border-width: 0 !important
__________________
Joey Washburn
www.joeywashburn.com
Old Aug-07-2012, 02:13 PM
#5
edinchavez is offline edinchavez OP
Big grins
Quote:
Originally Posted by jwashburn View Post
Look through your css file for this

a img.imgBorder, .imgBorder {
background-color: transparent !important;
border-color: #FFFFFF !important;
border-style: solid !important;
border-width: 1px !important;
padding: 0 !important;
}


It looks like you have border-width set to 1px with the important tag. Change the border-width: 1px !importnat to border-width: 0 !important
I have nothing like that on there, im confused.
Old Aug-07-2012, 02:53 PM
#6
edinchavez is offline edinchavez OP
Big grins
anyone?
Old Aug-07-2012, 03:09 PM
#7
Smug Eric is offline Smug Eric
Smug Hero
Smug Eric's Avatar
Easy Customizer ~> Photos ~> Set the Border Color to None and publish the changes
__________________
Eric
Support Hero and Customeister
http://www.smugmug.com/help
Old Aug-07-2012, 03:13 PM
#8
edinchavez is offline edinchavez OP
Big grins
Quote:
Originally Posted by Smug Eric View Post
Easy Customizer ~> Photos ~> Set the Border Color to None and publish the changes
I did that and nothing.
Old Aug-07-2012, 03:22 PM
#9
Smug Eric is offline Smug Eric
Smug Hero
Smug Eric's Avatar
Now you need to modify your CSS like Joey suggested. In your Advanced Customization Page you have this exact block of code at the very bottom of your CSS box.

Code:
a img.imgBorder, .imgBorder {
background-color: transparent !important;
border-color: #FFFFFF !important;
border-style: solid !important;
border-width: 1px !important;
padding: 0 !important;
}
Change that border width to 0px
__________________
Eric
Support Hero and Customeister
http://www.smugmug.com/help
Old Aug-07-2012, 03:29 PM
#10
edinchavez is offline edinchavez OP
Big grins
wonderful, I added the code and changed it. Thank you so much. Any clue on what I can do to make it bigger or darker when I hover over it? (any kind of motion would be great)
Old Aug-07-2012, 04:11 PM
#11
Smug Eric is offline Smug Eric
Smug Hero
Smug Eric's Avatar
Make what bigger? The border that you just removed?
__________________
Eric
Support Hero and Customeister
http://www.smugmug.com/help
Old Aug-07-2012, 04:57 PM
#12
edinchavez is offline edinchavez OP
Big grins
Quote:
Originally Posted by Smug Eric View Post
Make what bigger? The border that you just removed?
No the thumbnails so when I hover over them you know you are on that photo, or anything to make the thumbnails a bit different
Old Aug-07-2012, 05:04 PM
#13
edinchavez is offline edinchavez OP
Big grins
I figured something out, but suggestions are always welcomed, thanks guys for all your help. You Rock
Tell The World!  
Tags
border , hover , thumbnail
Similar Threads Thread Starter Forum Replies Last Post
HELP! Remove #bodyWrapper border. lfoster87 SmugMug Customization 1 May-09-2012 03:41 PM
Need help with customized thumbnails johnrac SmugMug Customization 3 Mar-17-2012 04:10 AM
Border Radius Not Handled Correctly RogersDA Bug Reporting 2 Mar-02-2010 09:20 AM
How do I make this kind of border? BlueSoul SmugMug Customization 2 Oct-03-2007 08:39 PM
problem with zoomed thumbnails jchin SmugMug Support 2 Aug-02-2007 11:25 AM


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