Zen Cart Logo
Forums / Addon Templates / Button row not aligned in chrome

Button row not aligned in chrome

Views: 1,292

Results 1 to 6 of 6
8 Nov 2013, 4:59 PM
#1
pexter avatar

pexter

New Zenner

Join Date:
May 2013
Location:
Karlskoga, Sweden
Posts:
48
Plugin Contributions:
0

Button row not aligned in chrome

Hi all,
I just noticed that when browsing my products at https://www.scaffoldusa.com the button at the end of the product page is not aligned when using Google Chrome v28. It looks OK in Internet Explorer v10 and other browsers afaik.

Where/how can I tune this?

Kind Regards
Peter

8 Nov 2013, 5:14 PM
#2
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Location:
picaflor-azul.com
Posts:
6,940
Plugin Contributions:
28

Re: Button row not aligned in chrome

pexter:

Hi all,
I just noticed that when browsing my products at https://www.scaffoldusa.com the button at the end of the product page is not aligned when using Google Chrome v28. It looks OK in Internet Explorer v10 and other browsers afaik.

Where/how can I tune this?

Kind Regards
Peter

Use a javacript like this one to isolate css properties by browser:

http://rafael.adm.br/css_browser_selector

Thanks,

Anne

8 Nov 2013, 6:27 PM
#3
torvista avatar

torvista

Totally Zenned

Join Date:
Aug 2007
Location:
Gijón, Asturias, Spain
Posts:
2,872
Plugin Contributions:
7

Re: Button row not aligned in chrome

Nice looking site.

In Chrome developer tools

<div class="navNextPrevWrapper centeredContent back"> getting rid of the "back" "fixes" it.

BUT, your 237 html errors should be fixed (use Firefox + html validator), before you start to tweak code. Who knows what effect they are having (maybe none, but you don't know that).
Most of the errors are due to pasting in the garbage that MS Word excretes and calls html. A strict no-no.

12 Nov 2013, 2:04 PM
#4
cvhainb avatar

cvhainb

Zen Follower

Join Date:
Sep 2008
Posts:
212
Plugin Contributions:
19

Re: Button row not aligned in chrome

add this in your css
#navNextPrevWrapper {width:450px;}

16 Nov 2013, 9:28 PM
#5
pexter avatar

pexter

New Zenner

Join Date:
May 2013
Location:
Karlskoga, Sweden
Posts:
48
Plugin Contributions:
0

Re: Button row not aligned in chrome

cvhainb:

add this in your css
#navNextPrevWrapper {width:450px;}

Didn't help, does it have to be at a specific place in the css file or can I place the code anywhere?

18 Nov 2013, 8:52 PM
#6
pexter avatar

pexter

New Zenner

Join Date:
May 2013
Location:
Karlskoga, Sweden
Posts:
48
Plugin Contributions:
0

Re: Button row not aligned in chrome

torvista:

Nice looking site.

In Chrome developer tools

<div class="navNextPrevWrapper centeredContent back"> getting rid of the "back" "fixes" it.

Yay, I found the file with the code (tpl_products_next_previous.php) and got rid of the "back". Everything looks OK now, Thanks!!