Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Product section - delete text and move

Product section - delete text and move

Locked

Views: 1,279

Results 1 to 11 of 11
This thread is locked. New replies are disabled.
11 Dec 2007, 7:21 PM
#1
pb4 avatar

pb4

Totally Zenned

Join Date:
Nov 2007
Posts:
555
Plugin Contributions:
0

Product section - delete text and move

Hi

http://ampmgraphicsprint.com/shop/index.php?main_page=index&cPath=86

I want to delete the text 'Product image' and 'Item name' - can I do this?

I also want to move the text for the title and description down so it is more in the middle of the box instead of near the top. What is the css for this? I tried a few things but couldnt get it to move!

Thanks

12 Dec 2007, 2:05 PM
#2
pb4 avatar

pb4

Totally Zenned

Join Date:
Nov 2007
Posts:
555
Plugin Contributions:
0

Re: Product section - delete text and move

I have managed to sort this by adding

.productListing-rowheading {display: none;}

to the style sheet :smile:

All gone now:clap:
Just can't figure out how to move the heading and description down so it centres :dontgetit

Does anyone know?

I think I could add - .productListing-data to the style sheet telling it to do something but not sure what css to add??

12 Dec 2007, 5:47 PM
#3
pb4 avatar

pb4

Totally Zenned

Join Date:
Nov 2007
Posts:
555
Plugin Contributions:
0

Re: Product section - delete text and move

Really can't work this out - Can anyone help?

Thanks

12 Dec 2007, 7:58 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Product section - delete text and move

.productListing-data {vertical-align: center;}

should do what you want.
See if .productListing-data is used elsewhere in the stylesheet - grouping things in one place makes maintenance easier.

14 Dec 2007, 9:20 AM
#5
pb4 avatar

pb4

Totally Zenned

Join Date:
Nov 2007
Posts:
555
Plugin Contributions:
0

Re: Product section - delete text and move

Yeah, I had tried that. Added it again but it hasn't sorted it:dontgetit

Any other ideas?

14 Dec 2007, 9:32 AM
#6
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Product section - delete text and move

Oops - I hardly ever use that and forgot that it is not "center" but "middle".

.productListing-data {vertical-align: middle;}

14 Dec 2007, 10:38 AM
#7
pb4 avatar

pb4

Totally Zenned

Join Date:
Nov 2007
Posts:
555
Plugin Contributions:
0

Re: Product section - delete text and move

Yeah, that was what I originally tried...still doesn solve it :dontgetit

strange...

14 Dec 2007, 12:06 PM
#8
website_rob avatar

website_rob

Inactive

Join Date:
Oct 2006
Location:
Alberta, Canada
Posts:
4,572
Plugin Contributions:
0

Re: Product section - delete text and move

Why not create another Declaration for "productListing-data"?

Example

.productListing-data {
padding-top:10px;
}

I usually put custom CSS code at the bottom of the CSS file, easier to find. :smile:

14 Dec 2007, 12:39 PM
#9
pb4 avatar

pb4

Totally Zenned

Join Date:
Nov 2007
Posts:
555
Plugin Contributions:
0

Re: Product section - delete text and move

Yeah, I did this too...but it means that the product image also goes down and I dont want the whole product box to be bigger.

I then tried to add something in the css for
.listingProductImage

but nothing happened? I think I set it to verticle align top

Really dont know what to do - just want less white space and for the text to be in the middle (vertically).

14 Dec 2007, 3:59 PM
#10
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Product section - delete text and move

I think .productListing-data has another styling (inline?) that outweighs the simple .productListing-data {vertical-align: middle;}.
Testing on my site, this works:

#productListing td {vertical-align: middle;}

14 Dec 2007, 5:30 PM
#11
pb4 avatar

pb4

Totally Zenned

Join Date:
Nov 2007
Posts:
555
Plugin Contributions:
0

Re: Product section - delete text and move

thanks for that, I will have a play about with the css