How to create an attributes box?

[Ajeh]

I am not sure what you mean by "the box which the attributes are inside" ...

Do you mean the TEXT box such as for the Name?

If you go to your Catalog ... Option Name Manager ... what do you see in the dropdown where it reads:
en: Order: (dropdown here) INSERT BUTTON

[janemeechan]

No on that website all the personalisation options are all neatly surrounded by a square box. Im trying to work out how to create that box so that i can place all my options inside it.

janet

[gjh42]

That is an extremely simple CSS issue. The site you refer to uses this rule in its stylesheet.css:

#productAttributes {
    border: 1px solid #BFBFBF;
    float: left;
    margin: 5px 0 0 10px;
    padding-left: 5px;
    width: 100%;
}

Your attributes already have a "container" named #productAttributes; you just need to tell it how to be styled.

[janemeechan]

That is an extremely simple CSS issue. The site you refer to uses this rule in its stylesheet.css:

#productAttributes {
    border: 1px solid #BFBFBF;
    float: left;
    margin: 5px 0 0 10px;
    padding-left: 5px;
    width: 100%;
}

Your attributes already have a "container" named #productAttributes; you just need to tell it how to be styled.

Ok you have lost me lol. If i already have it how do i activate it if thats the right word.

jane

[gjh42]

If you are going to customize a website, you need to know something about CSS (www.w3schools.com is a good resource). Also look at the tutorials for template customizing advice.
You "activate" the box by adding a rule in /includes/templates/your_template/css/stylesheet.css. Search for #productAttributes. If it is not there, just add a new rule like the one I posted, probably at the bottom of the file to keep things organized. If it is there, add a border declaration like the one in red above.