PDA

View Full Version : Old Journal Gallery Customization


Chi
May-12-2010, 12:35 PM
I'm currently using the old Journal gallery and I want to remove the "gallery pages:1"

Thanks

www.chichinphotography.com

jfriend
May-12-2010, 01:13 PM
From what exact gallery page? Please post a link.

Chi
May-12-2010, 01:32 PM
This is a typical one

http://www.chichinphotography.com/gallery/7682134_CKExj

jfriend
May-12-2010, 01:51 PM
To turn it off for that specific gallery only, you would use this CSS:

.gallery_7682134 .albumNav {display: none;}

To turn it off for all journal(old) galleries, you would use this CSS:

#journal .albumNav {display: none;}
#journal.journal_new .albumNav {display: block;}

Chi
May-12-2010, 03:42 PM
Thanks John. Works perfectly.

AFillmore
Nov-13-2010, 05:21 AM
Thanks for posting John. I was able to use it to also remove that gallery 1.

Could you help me figure out how to format the text on my Journal(old) style gallery page?

My page is here.

http://fillmoremartinphoto.smugmug.com/Session-Information/Session-Information/12673786_Fwgg6

I'd like to be able to change the font and control the formatting more like this example.
http://www.moonriverphotography.com/Services/Portrait-Services/830860_WaToT

to make my page look better and be easier to read.

Thank you!

jfriend
Nov-13-2010, 06:57 AM
Thanks for posting John. I was able to use it to also remove that gallery 1.

Could you help me figure out how to format the text on my Journal(old) style gallery page?

My page is here.

http://fillmoremartinphoto.smugmug.com/Session-Information/Session-Information/12673786_Fwgg6

I'd like to be able to change the font and control the formatting more like this example.
http://www.moonriverphotography.com/Services/Portrait-Services/830860_WaToT

to make my page look better and be easier to read.

Thank you!I can help you implement HTML formatting, but you would have to describe what you want as I'm not a designer. It's a bit of a small font, but it looks pretty clean to me.

You can hide the breadcrumb with this CSS:

.gallery_12673786 #breadCrumbTrail {display: none;}

You can change the font size and weight with this CSS:

.gallery_12673786 #journal {font-size: 14px; font-weight: bold;}

AFillmore
Nov-14-2010, 07:22 AM
Thank you very much for your reply.

I would like to bold the titles like 'about me and my style' 'photo session' etc. and change the font to something nicer.

Is there a way to bold some text and not others within each photo caption?

Thanks for the code for hiding the breadcrumb.. worked perfectly!

Thanks!
Amanda

KLG
Nov-14-2010, 09:01 AM
Is there a way to bold some text and not others within each photo caption?

Simple html works within the photo caption, so simply enclose the phrase you want bolded with "<b>" on the left and "</b>" on the right of it where you want the bolding to stop. (without the quotation marks)

Also, if you want your text to align with the top of your photographs, (I personally prefer it, but opinions will vary) enter this into your CSS:

/*Align Text in Journal.Old */

#journal .caption {padding-top: 0;}

AFillmore
Nov-18-2010, 03:27 PM
So great to get answers here! Thank you so much for your help!

focuspeople
Dec-09-2012, 11:56 AM
To turn it off for that specific gallery only, you would use this CSS:

.gallery_7682134 .albumNav {display: none;}

To turn it off for all journal(old) galleries, you would use this CSS:

#journal .albumNav {display: none;}
#journal.journal_new .albumNav {display: block;}


Appreciate the help on this problem. I'm not a html guru. I setup my About Photographer page as probably many following the SmugMug website tutorial on youtube. I currently don't have any advance customization on my site. I'm using the Journal(old) page and also have the same "gallery pages: 1" showing up at the top and bottom of the page. Just where exactly do I need to insert such code?

site houstonphotodirect.com ; Houston Photo Direct (Services, Contact info) link on header.

Thanks,

James

Allen
Dec-09-2012, 12:24 PM
Appreciate the help on this problem. I'm not a html guru. I setup my About Photographer page as probably many following the SmugMug website tutorial on youtube. I currently don't have any advance customization on my site. I'm using the Journal(old) page and also have the same "gallery pages: 1" showing up at the top and bottom of the page. Just where exactly do I need to insert such code?

site houstonphotodirect.com ; Houston Photo Direct (Services, Contact info) link on header.

Thanks,

James
You are running your site in frames and need to fix your domain settings.

That is CSS and goes in the advanced CSS.

focuspeople
Dec-09-2012, 01:31 PM
You are running your site in frames and need to fix your domain settings.

That is CSS and goes in the advanced CSS.

I have nothing in the advance setting? So I can just cut and paste these two lines of code into advance settings and all is well? Which section in the advance setting do I paste the code? Sorry for my html ignorance.

I assume I select the page at the bottom I'm updating and select the update button. Sorry as I know this is a very basic question.

Much appreciated.

James

Allen
Dec-09-2012, 07:43 PM
I have nothing in the advance setting? So I can just cut and paste these two lines of code into advance settings and all is well? Which section in the advance setting do I paste the code? Sorry for my html ignorance.

I assume I select the page at the bottom I'm updating and select the update button. Sorry as I know this is a very basic question.

Much appreciated.

James
In youe "site settings" add this to your advanced customization page in the "CSS (Optional)" box at the top of the page.

.gallery_26980673 .notLoggedIn #breadcrumb,
.gallery_26980673 .albumNav {display: none;}