Changing Gallery Alignment

[chill888]

Hi,

How do I make Galleries align left instead of center (to match my NAVBAR customizations)?

Thanks

[Barb]

Hi,

How do I make Galleries align left instead of center (to match my NAVBAR customizations)?

Thanks

Hi :)

Can we get a link to your site please? You should go ahead and update your DGrin profile with that information so we can always find it :) Click on "You!" in the upper left corner of the page.

[chill888]

Sorry:

Here is a link www.cycling-challenge.smugmug.com (and hopefully my signature is updated).

Again I am trying to learn how to align the smugmug gallery --- to align with my customized stuff.

Many thanks




Hi :)

Can we get a link to your site please? You should go ahead and update your DGrin profile with that information so we can always find it :) Click on "You!" in the upper left corner of the page.

[Barb]

Sorry:

Here is a link www.cycling-challenge.smugmug.com (http://www.cycling-challenge.smugmug.com) (and hopefully my signature is updated).

Again I am trying to learn how to align the smugmug gallery --- to align with my customized stuff.

Many thanks

Not entirely sure what you are after. I think you want your page left-aligned, right? Try adding the following to your CSS code to see if this is what you are after:

/* width sepcific divs defaults */
#header, #footer, #cobrand_footer, #feeds, #themeCredit, #content, #singleImage, #filmstrip, #smugmug_small, #journal, #traditional, #allthumbs, #slideshow, #press_release, #homepage, #controlPanel, #communityHome, #category, #subcategory, #communityKeyword, #communityBrowse {
margin: 0px auto;
width: 100%;
padding: 5px 0px;
text-align: left;
}
#smugmug, #critique {
margin: 0px auto;
width: 100%;
padding: 5px 0px;
text-align: left;
}

[chill888]

Hi,

THanks very much for help.

I added your code to the css. Everything .... (except my customized left-aligned navbar and banner) - is still center aligned.

Any thoughts? and thank-you for your time,

regars


Not entirely sure what you are after. I think you want your page left-aligned, right? Try adding the following to your CSS code to see if this is what you are after:

/* width sepcific divs defaults */
#header, #footer, #cobrand_footer, #feeds, #themeCredit, #content, #singleImage, #filmstrip, #smugmug_small, #journal, #traditional, #allthumbs, #slideshow, #press_release, #homepage, #controlPanel, #communityHome, #category, #subcategory, #communityKeyword, #communityBrowse {
margin: 0px auto;
width: 100%;
padding: 5px 0px;
text-align: left;
}
#smugmug, #critique {
margin: 0px auto;
width: 100%;
padding: 5px 0px;
text-align: left;
}

[Barb]

Hi,

THanks very much for help.

I added your code to the css. Everything .... (except my customized left-aligned navbar and banner) - is still center aligned.

Any thoughts? and thank-you for your time,

regars

Yep, it sure didn't work. I know it has something to do with creating a site wrapper and placing that div ID at the beginning of your header and then finishing it off at the end of your footer. However, I'll be honest, I have not done a site like that yet. I'll get Ivar in here to help out. Hang tight.

[ivar]

Yep, it sure didn't work. I know it has something to do with creating a site wrapper and placing that div ID at the beginning of your header and then finishing it off at the end of your footer. However, I'll be honest, I have not done a site like that yet. I'll get Ivar in here to help out. Hang tight.I may be misreading the original question, but I think it's an easy fix.

Add this:#homepage,
#smugmug,
#smugmug_small,
#traditional,
#allthumbs,
#filmstrip,
#singleImage,
#critique,
#slideshow,
#cobrand_footer {
margin-left: 0;
}i did it from memory, so if I forgot any pages, add those to the list please.

[chill888]

Thanks for reply but my galleries are still centered .... versus the desired left aligned. To clarify: my customizations are all successfully left aligned. I am trying to learn how to left align the smugmug gallery stuff (the photos).

Any other ideas and much appreciated for all response!

http://cycling-challenge.smugmug.com/gallery/2286271


I may be misreading the original question, but I think it's an easy fix.

Add this:#homepage,
#smugmug,
#smugmug_small,
#traditional,
#allthumbs,
#filmstrip,
#singleImage,
#critique,
#slideshow,
#cobrand_footer {
margin-left: 0;
}i did it from memory, so if I forgot any pages, add those to the list please.

[ivar]

Thanks for reply but my galleries are still centered .... versus the desired left aligned.

Any other ideas and mush appreciated for all response!

http://cycling-challenge.smugmug.com/gallery/2286271When I put the code in, it appears left aligned? are we talking apples and pears here?

[chill888]

Hi IVAR,

It wasn't working for me when the CSS you provided was added at the end of my CSS page. When I moved it to the beginning, suddenly magic.

Again many thanks

Bedankt



When I put the code in, it appears left aligned? are we talking apples and pears here?

[ivar]

Hi IVAR,

It wasn't working for me when the CSS you provided was added at the end of my CSS page. When I moved it to the beginning, suddenly magic.

Again many thanks

BedanktThat's because you had a missing bracking. Fixed it for you. It should be working now :D

[chill888]

Thanks again.

Follow up question on same subject.

Thanks to your help I have left aligned the smugmug pages "except" when I call up a certain way of viewing galleries.

For example, if I just go to the keyword directory, everything is center aligned (versus my desired left align). Is there a DIV name I can use to change this in the CSS?

Example:
http://cycling-challenge.smugmug.com/keyword/


And if so, is there a complete list of DIVs?







That's because you had a missing bracking. Fixed it for you. It should be working now :D

[Allen]

Thanks again.

Follow up question on same subject.

Thanks to your help I have left aligned the smugmug pages "except" when I call up a certain way of viewing galleries.

For example, if I just go to the keyword directory, everything is center aligned (versus my desired left align). Is there a DIV name I can use to change this in the CSS?

Example:
http://cycling-challenge.smugmug.com/keyword/


And if so, is there a complete list of DIVs?
Something like this?

.keywordPage #content {
margin-left: 0;
}

Al

[chill888]

Thanks very much: one more related question

I would also like to left align the galleries pqge zithin a category. What is thz CSS label for this page?

for example
http://www.cycling-challenge.smugmug.com/Cycling

====================


Something like this?

.keywordPage #content {
margin-left: 0;
}

Al

[Allen]

Thanks very much: one more related question

I would also like to left align the galleries pqge zithin a category. What is thz CSS label for this page?

for example
http://www.cycling-challenge.smugmug.com/Cycling

====================
Looks like it's pretty much left aligned now. Did you figure it out?
AL