Printable View
I'm trying to get the tell a friend and write a review button on the same line as add to cart on my product pages.
I've managed to move the tell a friend button using
#productTellFriendLink {
position: relative;
float: left;
bottom: 68px;
but I have no idea how to move the write a review button. Can anyone help on this please?
(link to one of my pages in question)
http://scarletburn.co.uk/art-scroll-...es-p-1674.html
girlboo,
This works in Chrome, but I haven't tested it in other browsers...
#productReviewLink {
position: relative;
left: -250px;
top: -65px;
}
I put that into the stylesheet and its not working....wheres it meant to go?
I'm assuming you're editing your stylesheet here...
http://scarletburn.co.uk/includes/te...stylesheet.css
The easiest thing you can do to play with layout is to install Google Chrome browser, then right click on your webpage and choose the 'Inspect Element' option. Gives you immediate feedback then (although temporary) about your stylesheet changes.
thatgirl,
I see that on some products you have additional images, which the stylesheet changes above will cause other problems for you. Not sure if you've done any editing of php, but you might save some effort by editing your...
/includes/templates/darkness/templates/tpl_product_info_display.php
You'll see in there that the different sections of the page are commented for you. You could move the 'tell a friend' and the 'reviews' sections up to the same place as the 'add to cart' section.
That will at least get them created together on the page, so you'll not have quite so much work to do with the stylesheet.
Make sure to keep a copy of your current tpl_product_info_display.php page though, just incase you need to get back to where you are currently!
Quote:
Originally Posted by Celtic
I think thats what I need, I'll go try that! Thank you!!