Make Gallery Act as "Single Photo or Video"
foofrog
Registered Users Posts: 14 Big grins
I'm trying to create a "Contact Info" page on my site.
So far, I've created a gallery for this. In the end, I want it to be one huge image that fits within 1000 px margin.
http://isobellaandchloe.smugmug.com/ContactInfo/Contact-Info/26301903_qDmxXb
The closest thing that I could think of was to switch the gallery to Journal Old formatting, but I don't think that works either!
So, here's the question...how do i make my gallery act like a "Single Photo or Video," an option that is only available on the homepage? :dunno Do you have the code for me to copy in?
I attached an image of how I would like it to look like at the very end. Please help!!!
So far, I've created a gallery for this. In the end, I want it to be one huge image that fits within 1000 px margin.
http://isobellaandchloe.smugmug.com/ContactInfo/Contact-Info/26301903_qDmxXb
The closest thing that I could think of was to switch the gallery to Journal Old formatting, but I don't think that works either!
So, here's the question...how do i make my gallery act like a "Single Photo or Video," an option that is only available on the homepage? :dunno Do you have the code for me to copy in?
I attached an image of how I would like it to look like at the very end. Please help!!!
0
Comments
Add this to the gallery description. Add this to your CSS ... Log out and look or open in another browser not logged in.
.gallery_26301903 .notLoggedIn #breadcrumb, .gallery_26301903 .albumNav, .gallery_26301903 .notLoggedIn .journal_entry {display:none}My Website index | My Blog
another quick question, how would i get that image centered?
and how would i remove the "gallery comments" section on the bottom?
Add this to your CSS
.gallery_26301903 #journal { width: 1024px; margin: 0 auto; }My Website index | My Blog
email addresses. You could design it all using html so it would be all text and copyable.
My Website index | My Blog
Is there a link that can direct me towards that? I just have all that info on an illustrator file.
however you like.
Replace the description with this. The CSS below will hide all this for the public. You'll only see the
text version at the bottom when logged in. The text version can be easiely edited for any future
changes. I put in a spacer for the left image, (I, plane and ?), so you need to make that image and
the spacer can be changed to it.
html for gallery description. Note: I did not finish the text is some places just used dups. Add to your CSS
/* temporary hides new text information to visitors */ .notLoggedIn .noShow {display:none;} .gallery_26301903 #albumDescription, .gallery_26301903 #journal { width: 1024px; margin: 0 auto; } .gallery_26301903 .title1 { font-weight:bold !important; font-size: 125%; color: #EE1772; } .gallery_26301903 .title2 { font-weight:bold !important; font-size: 115%; color: #AD1A2A; } .gallery_26301903 .title3 { font-size: 95%; } .gallery_26301903 #mainBox { width: 1000px; margin: 0 auto; } .gallery_26301903 #leftMain { float:left; width: 420px; border-right: 2px dotted #000; } .gallery_26301903 #rightBox { float:right; width: 550px; }Here's a screen shot of the text.My Website index | My Blog
And, I really hate to take up more of your time, but I tried to remove some sections that are still popping up, but I couldn't figure out! I attached a jpg that shows what i wanted removed. what should i do to get that off? hopefully, this will be the last time i bug for a while!
ETERNALLLLY GRATEFUL!!!!!!!!!!!
edit the text with the correct info, mostly the Rep info.
Add these to CSS. First one hides the un-needed breadcrumb. Second hides the no photo message
everywhere. You need it logged in for the control buttons on it. BTW, when you create that image
with the (I, plane and ?) upload it to this gallery. The no-photo message will disappear and the link to
the image will replace the spacer gif in the description html. Also the gallery photos, that includes the
new image, can be hidden with additional CCS.
.gallery_26301903 .notLoggedIn #breadCrumbTrail {display:none;} .notLoggedIn .emptyGallery {display:none;}Go into Easy Customizer and change the link for this page from thishttp://isobellaandchloe.smugmug.com/ContactInfo/Contact-Info/26301903_qDmxXb
to this. It goes to the gallery but does not display the path in the browse URL.
/gallery/26301903_qDmxXb
After you get it all perfect the old image can be removed and the new text stuff can be exposed to
the public.
My Website index | My Blog
I think I got everything linked up, but the JPG is still showing up.
For a while, I started removing this section to take out the jpg.
<center>
<img src="/photos/2190995153_QB34L8z-XL.jpg">
</center>
But, I suppose the main issue is that when I went live, I would only display "2190995153_QB34L8z-XL.jpg." I couldn't see the code that we put into the description area on the live site; I could only see that on the backend! I added the two codes that you advised into the css section, but I'm not sure if I did it correctly.
So, I have three remaining questions (hopefully, that's it! i really am profusely thankful and slightly abashed to keep bugging you!), so here goes:
1) do i remove the jpg by removing this:
<center>
<img src="/photos/2190995153_QB34L8z-XL.jpg">
</center>
2) why isn't the code in the description showing on the live site (after i logged out?)
3) i entered the two codes into the css section as you advised, but why do i still see the gallery page with the "I, plane, ?" on the live site?
Here's the link to the site.
http://isobellaandchloe.smugmug.com/gallery/26301903_qDmxXb
Please help! :help
[COLOR=red][strike][COLOR=#bbbbbb][B] /* temporary hides new text information to visitors */ .notLoggedIn .noShow {display:none;}[/B][/COLOR][/strike][/COLOR] [COLOR=red][strike][COLOR=#bbbbbb][B].gallery_26301903 .notLoggedIn #breadCrumbTrail {display:none;}[/B][/COLOR][/strike][/COLOR] [COLOR=Red].gallery_26301903 .notLoggedIn #breadcrumb {display:none;}[/COLOR] [COLOR=Red].gallery_26301903 #albumNav_top, .gallery_26301903 #albumNav_bottom, .gallery_26301903 .notLoggedIn .journal_entry, .gallery_26301903 .notLoggedIn #breadcrumb {display:none;}[/COLOR]Be sure to log out and look or view in another browser not logged in.My Website index | My Blog
Thank you soooooo much for being so patient and helping me get this up and running! I'm ecstatic!!
THANK YOU!
My Website index | My Blog
I'm going to take a stab at it.
Is it because of this?
How would I fix it, so that it's consistent?
My Website index | My Blog
For the MILLIONTH time, thank you so much!!!!!!