Journal - Left, Right align, and all journal styling

lifeinfocuslifeinfocus Registered Users Posts: 1,461 Major grins
edited December 3, 2016 in SmugMug Pro Sales Support
I posted the following to the Customization journal,

http://www.dgrin.com/showthread.php?t=109487

but I supose that was the incorrect forum. So, let me try again here:

We are exclusively using the journal style gallery for the 7 pages on our smugmug website – lifeinfocusexpressions.smugmug.com To add a little variety I want to right align, left align and combo align the journals.

I tried ".journal_entry .right" in various combinations of .journal_entry, #journal, and .gallery_nnnnnn .journal_entry {. I believe that .journal_entry is the parent, #journal is the child and .gallery_nnnnnn .journal_entry is the grandchild (although confused about this one). Correct?

One affects the page (which one?) .gallery_nnnnnn the photo/video gallery and the other affects what?
In the same line, how do I universally set the width for all the journals to width: 960px, or do I have do that specifically for each journal.


How I do align each journal gallery differently?

Example of one of the journal pages.
http://lifeinfocusexpressions.smugmug.com/gallery/6347163_SWKps

CSS I have included so far for the journal pages:

/* Journal styling*/
#journal {
margin: 0 auto;
width: 960px;
font-size: 13pt;
font-family: Arial Narrow, Arial;
color: #FFFFFF;
}

/* Specific gallery styling */
.gallery_6347163 .journal_entry {
border-top: solid 1px blue;
border-bottom: solid 1px blue;
width: 960px;
}

We are planning to go live next week Friday, November 7, 2008.
http://www.PhilsImaging.com
"You don't take a photograph, you make it." ~Ansel Adams
Phil

Comments

  • lifeinfocuslifeinfocus Registered Users Posts: 1,461 Major grins
    edited October 28, 2008
    Ok, I solved the key question I had. How to align one journal left, one right and one combo (out of the box style.)

    For the combo, do nothing in CSS

    To align a specific gallery right (pics on the left, text on the right):

    .gallery_nnnnnn #journal .journal_entry .right {
    float: left;
    margin-left:0;
    margin-right:10px;
    }
    To align a specific gallery left (pics on the right, text on the left):

    .gallery_nnnnnn #journal .journal_entry .left {
    float: right;
    margin-right:0;
    margin-left:10px;
    }

    Replace "nnnnnn" with specific gallery number.
    http://www.PhilsImaging.com
    "You don't take a photograph, you make it." ~Ansel Adams
    Phil
  • rainforest1155rainforest1155 Registered Users Posts: 4,566 Major grins
    edited October 29, 2008
    I'm glad that you were able to resolve your issue and thanks for posting the solution, too! The other forum was actually the correct one - it deals with all sorts of customization questions, but don't worry, I added a reference from it back to your post here.

    Sebastian
    Sebastian
    SmugMug Support Hero
  • bazancikbazancik Registered Users Posts: 33 Big grins
    edited December 3, 2016
    HI, What would be the code for ALL journal galleries to align left?
    Also, is there a way to have the text on the right for vertical shots and keep it below photos for wide panoramas / horizontal shots?

    Thanks in advance,

    f
  • denisegoldbergdenisegoldberg Administrators Posts: 14,220 moderator
    edited December 3, 2016
    bazancik wrote: »
    HI, What would be the code for ALL journal galleries to align left?
    Also, is there a way to have the text on the right for vertical shots and keep it below photos for wide panoramas / horizontal shots?
    Please be aware that the code in this thread is from legacy SmugMug and does not apply to the current version of SmugMug. It refers to the old Journal style gallery with photo on one side and text on the other; that gallery style no longer exists.

    If you want text on the right and photo on the left for vertical shots you could create a page and place a photo on the left and a text box on the right. Each photo would need to be placed individually.

    Or, another option for all galleries might be the code that Allen posted in the second post of the thread journal style layout. Note that this applies to all photos in Journal style galleries, not just vertical shots. If you have the vertical shots isolated in a gallery that contains only vertical shots you can create a version of this code that only applies to the specific gallery.

    --- Denise
Sign In or Register to comment.