Forums / Templates, Stylesheets, Page Layout / Move category description next to picture

Move category description next to picture

Locked

Views: 1,627

Results 1 to 17 of 17
This thread is locked. New replies are disabled.
17 Dec 2010, 8:08 PM
#1
dustie avatar

dustie

Zen Follower

Join Date:
Nov 2010
Posts:
159
Plugin Contributions:
0

Move category description next to picture

Hi,

First of all I would like to say this is a great Forum, with very helpful people. I have been able to sort out alot of question by just searching here. But this time I can't find an answer.... so hopefully someone can help or at least point me in the right direction.

I would like the Category description to be beside the picture and not underneath is. Is this possible, and if so, how can I and where can I change it.

I have version 1.3.9. I am using the Classic Template.

thank you for your replies

18 Dec 2010, 5:24 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Move category description next to picture

I would like the Category description to be beside the picture and not underneath is.
That is the defaut and you should be seeing it that way if using classic

Zen-Venom Get Bitten

18 Dec 2010, 5:53 AM
#3
thedjphat avatar

thedjphat

Zen Follower

Join Date:
Nov 2010
Location:
Vancouver, BC
Posts:
108
Plugin Contributions:
0

Re: Move category description next to picture

I would like the **Category **description to be beside the picture and not underneath is. Is this possible, and if so, how can I and where can I change it.

Your question is a little bit misleading. It could apply to a large number of files. Please clarify? A link to your site wouldn't hurt.

18 Dec 2010, 8:50 AM
#4
dustie avatar

dustie

Zen Follower

Join Date:
Nov 2010
Posts:
159
Plugin Contributions:
0

Re: Move category description next to picture

Thank you for replying.

the link to my site is annspaperart.ch/webshop (Can this be removed after problem has been solved)

I am also attaching an image to show what I mean.

Thank you for your help.

18 Dec 2010, 3:03 PM
#5
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Move category description next to picture

I am seeing the description next to the image
FireFox

Zen-Venom Get Bitten

18 Dec 2010, 3:34 PM
#6
dustie avatar

dustie

Zen Follower

Join Date:
Nov 2010
Posts:
159
Plugin Contributions:
0

Re: Move category description next to picture

Hi,

I have looked using Firefox and IE and with both I see the description as shown in the printscreen - underneath the image.

Here is the direct link to the Category where I have put the test text.

annspaperart.ch/webshop/index.php?main_page=index&cPath=173

Can you please show me a printscreen of what you can see, cause this getting confusing :(

thank you

18 Dec 2010, 11:15 PM
#7
dustie avatar

dustie

Zen Follower

Join Date:
Nov 2010
Posts:
159
Plugin Contributions:
0

Re: Move category description next to picture

No more support?

19 Dec 2010, 7:26 AM
#8
dustie avatar

dustie

Zen Follower

Join Date:
Nov 2010
Posts:
159
Plugin Contributions:
0

Re: Move category description next to picture

okay, can at least others reading this post tell me if they also see the Category description beside or underneath the image? Or someone point me in the right direction? I am not refering to the products, here I also see the description beside the picture, I am refering to the image on the top that describes the Categorie.

just add the www. to this link please

annspaperart.ch/webshop/index.php?main_page=index&cPath=173

I use IE, so if you are seeing it on Firefox (which I am not) how can I make it IE compatible to ?

19 Dec 2010, 7:38 AM
#9
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,116
Plugin Contributions:
56

Re: Move category description next to picture

Update your stylesheet.css file to add:

.categoryImg {float: left;}

You should really copy your template-related files into folders other than "classic" (and set the new template name as your default); otherwise, you'll run into problems/more work when you upgrade.

19 Dec 2010, 7:44 AM
#10
dustie avatar

dustie

Zen Follower

Join Date:
Nov 2010
Posts:
159
Plugin Contributions:
0

Re: Move category description next to picture

lat9:

Update your stylesheet.css file to add:

.categoryImg {float: left;}

> 
> You should really copy your template-related files into folders other than "classic" (and set the new template name as your default); otherwise, you'll run into problems/more work when you upgrade.

Thank you for your reply :) 

Uppppssssss didn't think about that re. the template.  I simply customised the classic.  Is that still possible to do now?  Would it work if I renamed my template and just put the classic back in?
19 Dec 2010, 7:49 AM
#11
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,116
Plugin Contributions:
56

Re: Move category description next to picture

You can simply copy all the "classic" folders you've changed to "your new template name" folders and then restore the "classic" folders to their release-level files; then choose your new template via your admin to activate it.

19 Dec 2010, 7:54 AM
#12
dustie avatar

dustie

Zen Follower

Join Date:
Nov 2010
Posts:
159
Plugin Contributions:
0

Re: Move category description next to picture

Sorry, me again........

I have css open and don't where exactly to post that line you gave me :blink: help once more please?

19 Dec 2010, 7:55 AM
#13
dustie avatar

dustie

Zen Follower

Join Date:
Nov 2010
Posts:
159
Plugin Contributions:
0

Re: Move category description next to picture

thank you for your tip regarding the template. Will do that :)

19 Dec 2010, 8:03 AM
#14
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,116
Plugin Contributions:
56

Re: Move category description next to picture

Dustie:

I have css open and don't where exactly to post that line you gave me :blink: help once more please?

Look for the line that reads:

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

and change it to:

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg, .categoryImg {
	float: left;
	}
19 Dec 2010, 8:45 AM
#15
dustie avatar

dustie

Zen Follower

Join Date:
Nov 2010
Posts:
159
Plugin Contributions:
0

Re: Move category description next to picture

I have changed the text as you suggested, but now it's also move the box *Filter Results by: * up to be aligned with the image as instead of staying under it.

Something still missing?

19 Dec 2010, 3:41 PM
#16
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,116
Plugin Contributions:
56

Re: Move category description next to picture

Add this, following the previous change:

#indexProductListCatDescription+form {clear: both; float: left;}

Unfortunately, the "filter" form doesn't have its own ID, so the CSS above indicates that a <form> (the filter) that directly follows an indexProductListCatDescription should have this style applied.

19 Dec 2010, 5:29 PM
#17
dustie avatar

dustie

Zen Follower

Join Date:
Nov 2010
Posts:
159
Plugin Contributions:
0

Re: Move category description next to picture

HI,

Thank you so much for trying, but it's not working.

It's fixing up the Category I was using as sample, but the others were then all mucked up. It moved all the subcategories to be aligned with the main Category image. :( Sorry hard to explain. I have put it back as it was. I give up, it's obviously more work then I thought.

I appreciate you tip about my template. In the meantime I have my customerised template with a new name, and the classic is back in as is :) So thank you again.

Can one of the mods please delete the links