Chat Room Article Base Facebook Page Twitter RSS Feed
Welcome, Guest. Please login or register.
Did you miss your activation email?
May 22, 2012, 11:06:10 PM

Login with username, password and session length
Search:     Advanced search
The E-commerce forum, the best place for advice for your Small Business.
12787 Posts in 1519 Topics by 6451 Members
Latest Member: jackmiller
* Home Help Search Login Register
+  E-commerce forum
|-+  E-commerce
| |-+  Shopping cart software
| | |-+  Zen cart
| | | |-+  ask a question :)
« previous next »
Pages: [1] Print
Author Topic: ask a question :)  (Read 469 times)
Andy c
Members - (ws)
Shareholder ;o)
*****

Karma: 2
Offline Offline

Gender: Male
Posts: 581



WWW
« on: April 28, 2011, 10:46:46 PM »

Hi

I have got the ask a question box installed but want to move it to the middle or to the right ,I am sure I saw somewhere I have to add some text somewhere to move  but for the love of me I cannot find it again
much appreciated thumbs up
Logged
Andy c
Members - (ws)
Shareholder ;o)
*****

Karma: 2
Offline Offline

Gender: Male
Posts: 581



WWW
« Reply #1 on: June 07, 2011, 11:32:22 PM »

just wanting to ask about this again .... please any ideas how to move the button to the middle

thanks
Logged
seamus
zen master
Shareholder ;o)
*****

Karma: 44
Offline Offline

Gender: Male
Posts: 1109



WWW
« Reply #2 on: June 08, 2011, 04:27:19 PM »

you mean the "ask us about this item" button?

it depends where you want to move it to really,

first you'll need to add a wee bit to your stylesheet to control the button

#askQuestion {

}

then add what you want between the curly brackets to make it move, like this sort of thing

#askQuestion {
text-align: center;
}

that will move the button to the center for example.

where do you want the button to be? I can give you more info if I know exactly where you want it to show (and after you add the #askQuestion div to your stylesheet)
Logged

Andy c
Members - (ws)
Shareholder ;o)
*****

Karma: 2
Offline Offline

Gender: Male
Posts: 581



WWW
« Reply #3 on: June 08, 2011, 07:31:49 PM »

thanks for the reply ...have added that to the css file
well it either move that 1 or move the drop down for sizes etc attributes lists to the middle

I would prefer the attributes in the centre but that looks harder to achieve

thanks 
Logged
seamus
zen master
Shareholder ;o)
*****

Karma: 44
Offline Offline

Gender: Male
Posts: 1109



WWW
« Reply #4 on: June 08, 2011, 09:07:23 PM »

you've got a typo in the css entry,

change this:

#ask question {
    text-align: center;
}

to this:

#askQuestion {
    text-align: center;
}

that will center the button on the page


if you want to move the attributes to the center, at line 247 in your stylesheet replace this:

#productAttributes {
}

with this:
#productAttributes {
    margin: 0 auto;
    width: 110px;
}

and if you change both the #productAttributes and the #askQuestion both to sit in the middle, they'll sit one above the other.

or you could have one on each side of the page, button on the left and attributes on the right, underneath the add to cart button,

change them to look like this:

#askQuestion {
    float:left;
}

and

#productAttributes {
float:right;
}

or if you want them to sit side by side, on the right of the page, underneath the add to cart button, change them to this:

#askQuestion {
    float: right;
    margin: 5px 20px 0 0;
}

and this:

#productAttributes {
float:right;
}

great
« Last Edit: June 08, 2011, 09:09:20 PM by seamus » Logged

Andy c
Members - (ws)
Shareholder ;o)
*****

Karma: 2
Offline Offline

Gender: Male
Posts: 581



WWW
« Reply #5 on: June 08, 2011, 10:38:09 PM »

OK great it's now in the centre :)
1 last thing  how do I get them to be in line ...I've tried  "display: inline;" but that's not working like it did with the footer adds

thanks for your help yet again
Logged
seamus
zen master
Shareholder ;o)
*****

Karma: 44
Offline Offline

Gender: Male
Posts: 1109



WWW
« Reply #6 on: June 08, 2011, 10:46:54 PM »

if you just want to move the button up a bit so its inline with the attributes, just change the #askQestion entry in your stylesheet to this:

#askQuestion {
    float: left;
    margin-top: -38px;
}

great
Logged

Andy c
Members - (ws)
Shareholder ;o)
*****

Karma: 2
Offline Offline

Gender: Male
Posts: 581



WWW
« Reply #7 on: June 08, 2011, 11:19:04 PM »

perfect

thanks for helping
Logged
seamus
zen master
Shareholder ;o)
*****

Karma: 44
Offline Offline

Gender: Male
Posts: 1109



WWW
« Reply #8 on: June 08, 2011, 11:21:12 PM »

no probs Andy
Logged

Pages: [1] Print 
« previous next »
Jump to:  


Powered by MySQL Powered by PHP Powered by SMF 1.1.15 | SMF © 2011, Simple Machines Valid XHTML 1.0! Valid CSS!
SimplePortal 2.2.2 © 2008-2009