FAQtoid

JayP · Jun-09-2012, 09:30 AM #1

I wasn't sure how to title this so I hope my explanation works better. I am using a gallery page for my "About Me" page to free up the Bio for the slide show. So I have a hidden gallery that has one picture in it - me. And when the link - http://www.bluewaterprism.com/galler...9965&k=HKmpbC5 - is clicked it calls this gallery. The text on this page is in the description part for the photo and the thumbnail and the larger image are seen.

What I would really like to have is only the larger picture (?hide the thumbnail) and the text alongside it. Is there also a way to "rename" the link to something simpler?

Any help is always appreciated!! Thanks.

Cougar548 · Jun-09-2012, 09:44 AM #2

Quote:

Originally Posted by JayP

I wasn't sure how to title this so I hope my explanation works better. I am using a gallery page for my "About Me" page to free up the Bio for the slide show. So I have a hidden gallery that has one picture in it - me. And when the link - http://www.bluewaterprism.com/gallery/21329156_pb9dHD#!i=1697679965&k=HKmpbC5 - is clicked it calls this gallery. The text on this page is in the description part for the photo and the thumbnail and the larger image are seen.

What I would really like to have is only the larger picture (?hide the thumbnail) and the text alongside it. Is there also a way to "rename" the link to something simpler?

Any help is always appreciated!! Thanks.

Is this kind of what you are looking for? (You can take out the other sections you don't need.)

JayP · Jun-09-2012, 09:46 AM #3

Quote:

Originally Posted by Cougar548

Is this kind of what you are looking for? (You can take out the other sections you don't need.)

Sort of - Like what is in the link 4 box but just the one picture and text. No links.

Cougar548 · Jun-09-2012, 10:00 AM #4

Quote:

Originally Posted by JayP

Sort of - Like what is in the link 4 box but just the one picture and text. No links.

I think this will work for you. Add this to your album description:

Code:

<html>
<div class="pageTitleLinks">

<div class="boxBottom">
   <div class="myPhotoLinks">
        <img src="/photos/xxxxxxxx_xxxxx-300x300.jpg">
   </div>
   <div class="myTextLinks">
      <p>text text text text text text text text text 
         text text text text text text text text text
      </p>
   </div>
   <div class="spacer"></div>
</div>

<br />
<hr size="1" color="#6090d1">

</html>

Add this to your CSS:

Code:

   /* START gallery xxxxxxx */

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


.gallery_xxxxxxx .myTextLinks {
    font-family: verdana;
    color: #6090D1;
    font-size: 120%;    
}

.gallery_xxxxxxx #pageTitleLinks {     /* title only */
    font-family: verdana;
    text-align: center; 
    color: #6090D1;
    font-size: 200%;     /* Sets the page title font size */
}

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

     /* hide unnecessary elements */

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

     /* END gallery xxxxxxx */

Replace xxxxxxxx with your new gallery number

JayP · Jun-09-2012, 10:04 AM #5

Quote:

Originally Posted by Cougar548

I think this will work for you. Add this to your album description:

Code:

<html>
<div class="pageTitleLinks">

<div class="boxBottom">
   <div class="myPhotoLinks">
        <img src="/photos/xxxxxxxx_xxxxx-300x300.jpg">
   </div>
   <div class="myTextLinks">
      <p>text text text text text text text text text 
         text text text text text text text text text
      </p>
   </div>
   <div class="spacer"></div>
</div>

<br />
<hr size="1" color="#6090d1">

</html>

Add this to your CSS:

Code:

   /* START gallery xxxxxxx */

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


.gallery_xxxxxxx .myTextLinks {
    font-family: verdana;
    color: #6090D1;
    font-size: 120%;    
}

.gallery_xxxxxxx #pageTitleLinks {     /* title only */
    font-family: verdana;
    text-align: center; 
    color: #6090D1;
    font-size: 200%;     /* Sets the page title font size */
}

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

     /* hide unnecessary elements */

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

     /* END gallery xxxxxxx */

Replace xxxxxxxx with your new gallery number

Ok will give it a shot. Just before i do that - What I am trying to get is something like the "journal view" but the text on the side rather than the bottom. Would that be easier to accomplish?

JayP · Jun-09-2012, 10:39 AM #6

Ok - so got it set up. How can I have it surrounded by the white border?

Allen · Jun-09-2012, 11:23 AM #7

Quote:

Originally Posted by JayP

Ok - so got it set up. How can I have it surrounded by the white border?

Add red to your CSS

/* START .gallery_23456133 - About ME */

.gallery_23456133 #albumDescription .boxBottom {
border-top: 1px solid white;
}

JayP · Jun-09-2012, 07:40 PM #8

Quote:

Originally Posted by JayP

Ok will give it a shot. Just before i do that - What I am trying to get is something like the "journal view" but the text on the side rather than the bottom. Would that be easier to accomplish?

The gallery that this is in is an empty gallery. I was able to set the image as "favorite" so in my view it shows as the thumbnail but in a not logged in view it does not. How can I fix that??

JayP · Jun-09-2012, 07:41 PM #9

Quote:

Originally Posted by Allen

Add red to your CSS

/* START .gallery_23456133 - About ME */

.gallery_23456133 #albumDescription .boxBottom {
border-top: 1px solid white;
}

Thanks Al, as always right on.

Allen · Jun-09-2012, 07:50 PM #10

Quote:

Originally Posted by JayP

The gallery that this is in is an empty gallery. I was able to set the image as "favorite" so in my view it shows as the thumbnail but in a not logged in view it does not. How can I fix that??

Got a link to the gallery, not sure what one you are referring to?
.. and where does the thumbnail not show? Up a level? Unlisted galleries only show logged in on cat/sub-cat pages.

JayP · Jun-09-2012, 07:56 PM #11

Quote:

Originally Posted by Allen

Add red to your CSS

/* START .gallery_23456133 - About ME */

.gallery_23456133 #albumDescription .boxBottom {
border-top: 1px solid white;
}

Thanks Al, as always right on.

JayP · Jun-09-2012, 07:58 PM #12

Al - think I spoke too soon. The border is good. How can I add space on the bottom of the thumbnails to accommodate the text there?

Allen · Jun-09-2012, 08:10 PM #13

Quote:

Originally Posted by JayP

Al - think I spoke too soon. The border is good. How can I add space on the bottom of the thumbnails to accommodate the text there?

Are you referring to the text below the thumbs on the galleries page?
.miniBox {width:122px; text-align:center; height:230px !important; margin:0 28px;}

In your CSS remove all the gallery keys like the one example here. Many places.

.gallery_21620865_92J2W6.myPhotoLinks {...

like this

.gallery_21620865 .myPhotoLinks {...

JayP · Jun-09-2012, 08:20 PM #14

Quote:

Originally Posted by Allen

Are you referring to the text below the thumbs on the galleries page?
.miniBox {width:122px; text-align:center; height:230px !important; margin:0 28px;}

In your CSS remove all the gallery keys like the one example here. Many places.

.gallery_21620865_92J2W6.myPhotoLinks {...

like this

.gallery_21620865 .myPhotoLinks {...

Great - as always. Thanks!!!!


Similar Threads	Thread Starter	Forum	Replies	Last Post

Gallery Page Customization Help	Josh972	SmugMug Customization	13	Feb-20-2012 07:41 AM
Smugmug has gallery CSS customization backwards	jfriend	SmugMug Customization	24	Jul-27-2010 02:27 PM
Bio Page (Homepage) and Gallery Page	kathleen	SmugMug Customization	0	Oct-20-2009 06:22 AM
gallery page customization	evilluckycharms	SmugMug Customization	2	Oct-15-2009 05:28 PM
A cool idea to really make customization eaiser, more flexible and more maintainable	jfriend	SmugMug Customization	18	Feb-09-2009 11:21 AM

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

FAQtoid

Dgrin Challenges

Need some help with Accessories?

Tutorials

The Hot Seat

Africa!

SmugMug How To:

SmugMug News:

SmugMug Status

Jun-09-2012, 09:30 AM #1
JayP ^OP Major grins Join Date: Feb 2012 Location: Chapel Hill, NC Posts: 139	Gallery page customization I wasn't sure how to title this so I hope my explanation works better. I am using a gallery page for my "About Me" page to free up the Bio for the slide show. So I have a hidden gallery that has one picture in it - me. And when the link - http://www.bluewaterprism.com/galler...9965&k=HKmpbC5 - is clicked it calls this gallery. The text on this page is in the description part for the photo and the thumbnail and the larger image are seen. What I would really like to have is only the larger picture (?hide the thumbnail) and the text alongside it. Is there also a way to "rename" the link to something simpler? Any help is always appreciated!! Thanks. __________________ Jay Blue Water Prism - Underwater Photography www.bluewaterprism.com

Jun-09-2012, 10:39 AM #6
JayP ^OP Major grins Join Date: Feb 2012 Location: Chapel Hill, NC Posts: 139	Ok - so got it set up. How can I have it surrounded by the white border? __________________ Jay Blue Water Prism - Underwater Photography www.bluewaterprism.com

Jun-09-2012, 07:58 PM #12
JayP ^OP Major grins Join Date: Feb 2012 Location: Chapel Hill, NC Posts: 139	Al - think I spoke too soon. The border is good. How can I add space on the bottom of the thumbnails to accommodate the text there? __________________ Jay Blue Water Prism - Underwater Photography www.bluewaterprism.com