Zen Cart Logo

Attribute placement

Views: 1,564

Results 1 to 10 of 10
7 Feb 2010, 2:55 PM
#1
stitchnkitty avatar

stitchnkitty

Totally Zenned

Join Date:
Jun 2009
Location:
Des Moines, Iowa USA
Posts:
618
Plugin Contributions:
0

Attribute placement

I know this is an absolutely stupid Q? but I have yet to figure out firebug and have messed around in the stylesheet to find how to adjust the placement oand font size of the attributes.

TIA

7 Feb 2010, 3:18 PM
#2
stevesh avatar

stevesh

Black Belt

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

Re: Attribute placement

I think Web Developer is a little easier than Firebug to operate.

Go to the page in question and hit Ctrl-Shift-Y and when you hover over the part of the page you want to know about, the CSS will appear in the address-like box at the top of the browser.

Clicking when in this mode will show the CSS of that element in a separate box (if it's included in the stylesheet).

Ctrl-Shift-E will open a stylesheet editor you can use to edit the CSS and see the results in real time without making permanent changes.

In the case of attributes, the CSS isn't automatically added to the stylesheet, so you'll have to add the statement yourself (for exapmle, #attrib -3) and style away.

7 Feb 2010, 4:18 PM
#3
stitchnkitty avatar

stitchnkitty

Totally Zenned

Join Date:
Jun 2009
Location:
Des Moines, Iowa USA
Posts:
618
Plugin Contributions:
0

Re: Attribute placement

I am missing something - this is not giving me any change.

7 Feb 2010, 4:40 PM
#4
stevesh avatar

stevesh

Black Belt

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

Re: Attribute placement

What isn't giving you any change?

7 Feb 2010, 4:46 PM
#5
stitchnkitty avatar

stitchnkitty

Totally Zenned

Join Date:
Jun 2009
Location:
Des Moines, Iowa USA
Posts:
618
Plugin Contributions:
0

Re: Attribute placement

I am missing something - this is not giving me any change.

I tried your suggestion but I am sure i did not get it.
Unfortunately I have been playing on my computer and not on my live site so I may have to adjust this so you can see and get back to you.

11 Feb 2010, 3:44 PM
#6
stitchnkitty avatar

stitchnkitty

Totally Zenned

Join Date:
Jun 2009
Location:
Des Moines, Iowa USA
Posts:
618
Plugin Contributions:
0

Re: Attribute placement

Ok I have gotten the attributes displayed in one of my catagories for you to view.

http://www.stitchnframeonline.......com/index.php?main_page=product_info&cPath=6_22&products_id=273

I would like the drop down to be above the add to cart and in the center under Please Choose:

Ideas?

11 Feb 2010, 5:47 PM
#7
stevesh avatar

stevesh

Black Belt

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

Re: Attribute placement

Add to the stylesheet:

.wrapperAttribsOptions{margin-left:27em}

16 Feb 2010, 4:11 PM
#8
stitchnkitty avatar

stitchnkitty

Totally Zenned

Join Date:
Jun 2009
Location:
Des Moines, Iowa USA
Posts:
618
Plugin Contributions:
0

Re: Attribute placement

Great got it centered

However the attribute name is too small and the words in the dropdown are too big.

Suggestions?

16 Feb 2010, 4:53 PM
#9
stevesh avatar

stevesh

Black Belt

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

Re: Attribute placement

Yup. Reread post #2, and when you check the page with Web Developer, you'll see that the text is **.optionName **and the box is #attrib-1. You can adjust the font-size of both until it looks the way you want. You may have to adjust the margin you changed before when you're done.

17 Feb 2010, 12:50 PM
#10
stitchnkitty avatar

stitchnkitty

Totally Zenned

Join Date:
Jun 2009
Location:
Des Moines, Iowa USA
Posts:
618
Plugin Contributions:
0

Re: Attribute placement

How Fun!! thanks