Hi there,

My Gallery and Category titles are not center aligned. Thought I have added following code in CSS.

#galleryTitle, #categoryTitle {text-align: center;}

http://www.sudarshanimage.com/Series
http://www.sudarshanimage.com/galleries


Please help me here.


Thanks as I know I will get a response soon and it will be resolved straightway.

regards,
Sudarshan

Originally Posted by sudarshanimage Hi there, My Gallery and Category titles are not center aligned. Thought I have added following code in CSS. #galleryTitle, #categoryTitle {text-align: center;} http://www.sudarshanimage.com/Series http://www.sudarshanimage.com/galleries Please help me here. Thanks as I know I will get a response soon and it will be resolved straightway. regards, Sudarshan

You have parts of this installed. This does center the titles so I'd start over using this.

/* ==================================================== */
/* == FAQ #18, Line up boxes with titles underneath === */
/* ============== Current as of 13 Feb 07 ============= */
/* ==================================================== */

.miniBox {width:122px; text-align:center; height:210px; margin:0 36px;}
  .miniBox .photo {float:none; width:122px; height:auto; _height:1px;}
  .miniBox .albumTitle {width:122px;}
  .miniBox .description {width:122px;}
  .miniBox .updated {width:122px;}

.loggedIn .miniBox {height:auto; min-height:300px;}
  .loggedIn .miniBox .smbuttons {margin:0 auto; width:122px;}
  .loggedIn .miniBox input {width:122px;}
  .loggedIn .miniBox textarea {width:112px;}

.boxBottom .albumLarge {width:192px; height:350px; text-align:center; margin:0 24px;}
  .albumLarge .photoLarge {float:none; width:192px; height:auto; _height:1px;}
  .albumLarge .albumTitle {width:192px;}
  .albumLarge .description {width:192px;}
  .albumLarge .updated {width:192px;}

.loggedIn .boxBottom .albumLarge {height:auto; min-height:450px;}
  .loggedIn .albumLarge .smbuttons {margin:0 auto; width:192px;}
  .loggedIn .albumLarge input {width:192px;}
  .loggedIn .albumLarge textarea {width:182px;}

Plus this
#categoriesBox .boxBottom {padding-top: 30px;}