Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / grrr... reviews problem!

grrr... reviews problem!

Locked

Views: 732

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
28 Apr 2010, 2:33 PM
#1
lee_whitehead avatar

lee_whitehead

New Zenner

Join Date:
Apr 2010
Posts:
8
Plugin Contributions:
0

grrr... reviews problem!

Hi peeps, newbie developer here, may be a simple question, but its driving me insane at the moment.

On my reviews page there appears to be a problem with the way the text is laid out but I cant for the life of me work out how to get it to align to the right under the image. any ideas? I am going bald anyway but pulling my hair out isnt helping... lol

http://klobbabags.com/index.php?main_page=product_reviews_info&products_id=1&reviews_id=1

:frusty:

29 Apr 2010, 4:03 PM
#2
lee_whitehead avatar

lee_whitehead

New Zenner

Join Date:
Apr 2010
Posts:
8
Plugin Contributions:
0

Re: grrr... reviews problem!

anyone have any ideas on how to solve this... I still can't suss it out!

29 Apr 2010, 4:45 PM
#3
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: grrr... reviews problem!

I'm not sure what you mean by 'align to the right under the image'.

Try adding this to your stylesheet and let us know if it's what you want, or not:

#reviewsInfoDefaultMainContent.content {float:left;}

1 May 2010, 5:40 AM
#4
lee_whitehead avatar

lee_whitehead

New Zenner

Join Date:
Apr 2010
Posts:
8
Plugin Contributions:
0

Re: grrr... reviews problem!

dude, that perfect for the full review, thanks a lot, do you know how to do it for this page:

http://klobbabags.com/index.php?main_page=reviews

I cant seem to find the correct css element for that bit

1 May 2010, 9:45 AM
#5
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: grrr... reviews problem!

Something like:

#reviewsDefault .content, #reviewsDefault .bold{margin-top:.5em; float:left;}

The easiest way to figure out what is where is by installing the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. A very handy tool