Forums / Templates, Stylesheets, Page Layout / Product Info Page: Moving Product Name Up On Product Info Page

Product Info Page: Moving Product Name Up On Product Info Page

Locked

Started by khopek on 18 Feb 2010, 11:22 PM · Views: 1,246

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
18 Feb 2010, 11:22 PM
#1
khopek avatar

khopek

Totally Zenned

Join Date:
Aug 2006
Location:
portlandish, oregon
Posts:
795
Plugin Contributions:
0

Product Info Page: Moving Product Name Up On Product Info Page

This is a really stupid question, but I can't for the life of me get it to work.

After I disable the Next/Prev navigation from displaying on the Prouduct Info page, the main image moves up, but the Product Name does not. I need them to be aligned.

dev site: HERE

19 Feb 2010, 1:36 AM
#2
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: Product Info Page: Moving Product Name Up On Product Info Page

In your stylesheet, add:

#productDescriptionWrapper {
    margin-top: -14px;
}

Hope this helps.

Teach them to shop and they will shop today;
Teach them to Zen and they will OWN a shop tomorrow!

19 Feb 2010, 2:59 AM
#3
khopek avatar

khopek

Totally Zenned

Join Date:
Aug 2006
Location:
portlandish, oregon
Posts:
795
Plugin Contributions:
0

Re: Product Info Page: Moving Product Name Up On Product Info Page

Dangit! I was trying to fix it without negative margins. :D It's very odd because the mainImageWrapper is exactly where it should be, while the productDescriptionWrapper is lower..but there is nothing above it other then the zen form...

Thanks I will try this though!

19 Feb 2010, 4:00 AM
#4
gjh42 avatar

gjh42

Black Belt

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

Re: Product Info Page: Moving Product Name Up On Product Info Page

This question helped me solve a little quirk I have noticed forever, all over Zen Cart. It is generally irrelevant, but when checking elements in Firefox Web Developer, you will occasionally notice a red dot just above an element's outline (usually a link). This is the case on your page, and the dot belongs to the <form> element. The stylesheet shows that to be generically inline; changing the specific form to block moves it up to match the image.```
FORM,SELECT,INPUT{display:inline;font-size:1em;margin:0.1em}

#productGeneral>FORM{display:block;}

19 Feb 2010, 7:01 AM
#5
khopek avatar

khopek

Totally Zenned

Join Date:
Aug 2006
Location:
portlandish, oregon
Posts:
795
Plugin Contributions:
0

Re: Product Info Page: Moving Product Name Up On Product Info Page

Oh my gosh! I DID notice that dot and I DID see through Firefbug and the tpl_product_info.php page that the only thing above was the form. I had nooo idea how to fix it though, however just adding

#productGeneral>FORM{display:block;}

as you suggest fixed it for me.

Thank you so much!