• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support SmugMug Customization Make text box transparent without making everything in it transparent

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 Oct-30-2012, 08:06 AM
#1
jesika5569 is offline jesika5569 OP
Big grins
jesika5569's Avatar
Make text box transparent without making everything in it transparent
Hello,
I am trying to figure out how to make the description box in my gallery transparent without making everything in it transparent. What more do I need to add to this code opacity:0.4; or do I use a completely different code?
Old Oct-30-2012, 08:07 AM
#2
Allen is offline Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by jesika5569 View Post
Hello,
I am trying to figure out how to make the description box in my gallery transparent without making everything in it transparent. What more do I need to add to this code opacity:0.4; or do I use a completely different code?
Got a link to this gallery?

BTW, will move this thread to customization forum shortly.
Old Oct-30-2012, 08:11 AM
#3
jesika5569 is offline jesika5569 OP
Big grins
jesika5569's Avatar
Quote:
Originally Posted by Allen View Post
Got a link to this gallery?

BTW, will move this thread to customization forum shortly.
Yes, but I took the transparent code out so everything is normal or not transparent. Sorry for posting in the wrong spot.

http://jessica-anderson.smugmug.com/...6122411_JwN7w4
Old Oct-30-2012, 08:30 AM
#4
Allen is offline Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by jesika5569 View Post
Yes, but I took the transparent code out so everything is normal or not transparent. Sorry for posting in the wrong spot.

http://jessica-anderson.smugmug.com/...6122411_JwN7w4
Looks like the gallery description at the top is transparent, is that what you're wanting? And all the
journal entries, photo/caption, with white background?
Old Oct-30-2012, 08:37 AM
#5
jesika5569 is offline jesika5569 OP
Big grins
jesika5569's Avatar
Quote:
Originally Posted by Allen View Post
Looks like the gallery description at the top is transparent, is that what you're wanting? And all the
journal entries, photo/caption, with white background?
Actually, I didn't add a background to the very top description part yet. I only added a white background to the the below images/description area. What I am trying to figure out is how to get that white background transparent without making everything in it transparent as well.
Old Oct-30-2012, 08:54 AM
#6
Allen is offline Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by jesika5569 View Post
Actually, I didn't add a background to the very top description part yet. I only added a white background to the the below images/description area. What I am trying to figure out is how to get that white background transparent without making everything in it transparent as well.
Play with the .40 transparency. lighter .01 < ... > .90 darker
Code:
.journal_entry {
        background:rgba(255, 255, 255, .40);
        text-align: justify;
    margin-bottom: 25px;
    padding: 10px 15px 10px 15px;
}
To have it apply only to this gallery.

.gallery_26122411 .journal_entry {...
Old Oct-30-2012, 09:01 AM
#7
jesika5569 is offline jesika5569 OP
Big grins
jesika5569's Avatar
Wow Thanks Allen!! How do you know all this stuff?
Old Oct-30-2012, 09:14 AM
#8
jesika5569 is offline jesika5569 OP
Big grins
jesika5569's Avatar
Quote:
Originally Posted by Allen View Post
Play with the .40 transparency. lighter .01 < ... > .90 darker
Code:
.journal_entry {
        background:rgba(255, 255, 255, .40);
        text-align: justify;
    margin-bottom: 25px;
    padding: 10px 15px 10px 15px;
}
To have it apply only to this gallery.

.gallery_26122411 .journal_entry {...

I have another question if you have time. You know how in the gallery settings you can change it to journal (old) , filmstrip .. etc. Well the above code does that only work for the journal type gallery? Or would I have to change the name .journal_entry to like .filmstrip_entry?
Old Oct-30-2012, 09:16 AM
#9
Allen is offline Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by jesika5569 View Post
I have another question if you have time. You know how in the gallery settings you can change it to journal (old) , filmstrip .. etc. Well the above code does that only work for the journal type gallery? Or would I have to change the name .journal_entry to like .filmstrip_entry?
This CSS targets only journal (old) style, each style has a different name for use in CSS.
Old Oct-30-2012, 09:18 AM
#10
jesika5569 is offline jesika5569 OP
Big grins
jesika5569's Avatar
Quote:
Originally Posted by Allen View Post
This CSS targets only journal (old) style, each style has a different name for use in CSS.

I guess my next question would be how do you figure out what the names of each style in CSS? Is that something I can do in my firefox or dreamweaver?
Old Oct-30-2012, 09:35 AM
#11
jesika5569 is offline jesika5569 OP
Big grins
jesika5569's Avatar
NVM I figured it out. Thanks for all the help Allen!
Tell The World!  
Similar Threads Thread Starter Forum Replies Last Post
"About" Page Tutorial? feteography SmugMug Customization 8 Feb-25-2013 07:27 PM
Trying to achieve this BKGPhoto SmugMug Customization 21 Mar-30-2011 04:50 PM
GuestBook ..Move photo position beijingvideoLewisSandler SmugMug Customization 39 Nov-04-2010 11:59 AM
"Text wrapping around photo" - what am I doing wrong!? zhic SmugMug Customization 4 Aug-31-2010 11:18 AM
Image overlay? kriyababaji SmugMug Customization 37 Jan-26-2008 02:20 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