RTL to Gallery title does not go all the way to the right

SharonPhoto

Hi,
I need to set each gallery title all the way to the right of the screen. When using .sm-gallery-header {direction:rtl;} the gallery title does not move all the way to the right but a bit right to the center of the screen. What should I do to move it all the way to the right?

Thanks in advance,
Sharon

annnna8888

Sharon, can you post a link to your site? I'm sure one of our experienced Dgrinners will be able to help with the correct code.

Better yet, please add a link to your site to your signature so it's always visible in your posts. Click the clipboard icon > edit signature, and enter the link to your SmugMug site. Thanks!

Ana
SmugMug Support Hero

SharonPhoto

annnna8888 wrote: »

Sharon, can you post a link to your site? I'm sure one of our experienced Dgrinners will be able to help with the correct code.

Better yet, please add a link to your site to your signature so it's always visible in your posts. Click the clipboard icon > edit signature, and enter the link to your SmugMug site. Thanks!

Ana
SmugMug Support Hero

Thanks Anna, site is not up yet since its not ready
It will be www.sharonphoto.com (current version runs on old Smugmug)

leftquark

Hi Sharon,
You should be able to use the following CSS, in addition to what you're already doing.

/* Move the gallery name to the right */
.sm-gallery-header .sm-gallery-description {
  margin: 0[COLOR="Red"] 10px[/COLOR] 8px 0 !important;
}

/* Move the buy button to the left */
.sm-gallery-header .sm-gallery-headerbuttons {
  left: 0 !important;
}

You can tweak the numbers in red to control if you want it all the way to the right (set it to 0) or if you want to move it some more than I did. I tried to have it align with your images, which have about 10 pixels of space before the edge of the screen.

I also moved the buy button to the left of the screen since it would overlap with your gallery text. Feel free to remove the second set of code but it will overlap with your gallery text when you look at your galleries if you do not.

SharonPhoto

leftquark wrote: »

Hi Sharon,
You should be able to use the following CSS, in addition to what you're already doing.

/* Move the gallery name to the right */
.sm-gallery-header .sm-gallery-description {
  margin: 0[COLOR="Red"] 10px[/COLOR] 8px 0 !important;
}

/* Move the buy button to the left */
.sm-gallery-header .sm-gallery-headerbuttons {
  left: 0 !important;
}

You can tweak the numbers in red to control if you want it all the way to the right (set it to 0) or if you want to move it some more than I did. I tried to have it align with your images, which have about 10 pixels of space before the edge of the screen.

I also moved the buy button to the left of the screen since it would overlap with your gallery text. Feel free to remove the second set of code but it will overlap with your gallery text when you look at your galleries if you do not.

Thank you!
It looks great.