Site maintenance: Sun 15 Nov, from 12:00 UTC, about 4–6 hours. Details

This cutover relies on some testing that is still incomplete so may be cancelled at short notice

Forums / Templates, Stylesheets, Page Layout / Center specials page

Center specials page

Started by metaus on 30 Jul 2012, 9:14 AM · Views: 767

Results 1 to 7 of 7
30 Jul 2012, 9:14 AM
#1
metaus avatar

metaus

New Zenner

Join Date:
Jul 2012
Posts:
35
Plugin Contributions:
0

Center specials page

Hi,
I am trying to center the layout of my specials page (and the specials which show on my home page).
Can someone please help me with this. Example of what page currently looks like here:
http://calluccimenswear.com.au/index.php?main_page=specials

thanks

30 Jul 2012, 12:53 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Center specials page

Looks centered to me.

31 Jul 2012, 12:24 AM
#3
metaus avatar

metaus

New Zenner

Join Date:
Jul 2012
Posts:
35
Plugin Contributions:
0

Re: Center specials page

sorry, maybe I wasn't specific.
I want to center the item name and 'details' button underneath each picture.
is that possible?

thanks

31 Jul 2012, 9:26 AM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Center specials page

Find this in stylesheet.css and add the red part:

/list box contents/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
text-align: center
}

1 Aug 2012, 11:55 AM
#5
metaus avatar

metaus

New Zenner

Join Date:
Jul 2012
Posts:
35
Plugin Contributions:
0

Re: Center specials page

wow that worked great. Thanks so much!

I Have one more layout question, as you can see on the following page, my categories title are not centered (down the bottom underneath the picture) i.e. 'regular fit'. What code do I need to add (and where) to fix this.

http://calluccimenswear.com.au/index.php?main_page=index&cPath=9

Thanks so much

1 Aug 2012, 12:54 PM
#6
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Center specials page

Add the red part in stylesheet_main.css:

.categoryListBoxContents a span{ display:block; background:#fcfcfc; padding:10px; border-top:1px solid #cecccc; text-align: center;}

2 Aug 2012, 1:47 AM
#7
metaus avatar

metaus

New Zenner

Join Date:
Jul 2012
Posts:
35
Plugin Contributions:
0

Re: Center specials page

Worked great again. thanks so much Stevesh!!