Try
#productDescription {
margin: 0 10px 0 -50px;
}
Try
#productDescription {
margin: 0 10px 0 -50px;
}
well then I am confused royally because the image of the way you said it looked when image was added is NOT the way this bottom link at glimmerdog is....unless glimmer dog is just an example and your site is a dif name with the unwanted results...
that bottom link shows the image on the left with the contents listed directly beside it.
so maybe it is fixed?
Or instead of editing the PHP files as in post 9, just add to your stylesheet
#productMainImage {float: none;}
If you weant the description etc to reliably clear your main image and form a clean column to the right of it, you can use in your stylesheet
#productDescription {margin-left: 210px;}
adjusting to clear the widest image you will have by a comfortable amount. This will work correctly in variable width sites, unlike the float: right; option.
You will need to find which of your several major stylesheets has a rule for #productDescription, and edit that rule so that your desired behavior happens.
Last edited by gjh42; 23 Feb 2011 at 06:42 PM.
Your stylesheet.css has:
#productDescription {
float: center;
}
#productDescription {
margin: 0 10px 0 -50px;
}
You should delete both of these rules, as float: center; is an invalid declaration and will be ignored, and the margin is reset later in stylesheet_main.
Your stylesheet_main.css has:
#productDescription {margin:0px 10px; padding:0;}
Change this to
#productDescription {margin:0 10px 0 180px; padding:0;}
Brilliant! Like those guys in the Guiness beer commercials.
That did it. Can you tell me how to have the text wrap downwards instead of under the "Add to Cart Box"?
Also - the "Add to Cart" text and the "Categories" links in left sidebox are gray and I want to change the color but cant find the right .css location. Im guessing you will know that instantly.
I am both humbled and grateful for all the help. Thanks.
Since your site has a fixed width, you can add to the #productDescription rule:
#productDescription {margin:0 10px 0 150px; padding:0; width: 400px;}
To find which classes/ids to style in your stylesheet, install Firefox and its Web Developer and Firebug extensions. They are the main tools we use to find this kind of information; the Web Dev Information > Display Element Information button will show what classes, ids, ancestors, etc. apply to any given element.
Last edited by gjh42; 23 Feb 2011 at 08:15 PM.
Great! Thanks all of your help!
Last question - When I post links to my site which is really the index.php should I remove the links later for security purposes and leave the rest of the thread?
You can only edit posts for seven minutes, so the question is moot. If you are concerned about security or search engines, post the URL with some spaces added in the middle. Just having a link to your site (any page) will not affect security unless you have an old unpatched version or some other current vulnerability.
Got it. So I was looking for another answer and I see in all my searches that you were the one that helped the person so Ill just ask now. I have FB and Twitter links. I would like to move them to about the FAQ in the header, up (not sure how far) and closer to each other. Can you tell me which file I should be in? Before they abandoned me, someone added the links to tpl_header and I dont know if they added code anywhere else. Thanks. Sorry.
The most likely file is tpl_header.php. I can't be certain without actually seeing your files.
Bookmarks