Custom Fields styling in product page

hi,

I don't find out how to style "Custom Fields" on the product page. We are happy with our existing styling of the product pages. We use every where "Characteristics" thats very good! But in some category's we want two "custom fields"
The customer have to fill in the text field. But i can't find out how to CSS styling it in the product pages.

See the pictures please, now the custom fields are not nice! I don't want to change the design of the product pages.

new.lebasport.nl/index.php/product-categ...-majestor-match-lite

regards,

Marius

Hi there,

I just took a look and it looks like you've solved your problem.
Can you confirm everything is fine?

hi,

no it's not solved. There is only one test category "Acties" where you can see a activated the Custom Field"

new.lebasport.nl/index.php/product-categ...dunlop-flux-95-aktie

please look there?

(I find it's a "inputbox" but when i change that it has a impact on the other fields, like search etc.)

thank you,

Marius

hi, in the Firefox browser there are problems. Now i understand that you thought that it's solved.

In Safari, Chrome and Opera the position is alright. I don't have IE browser.

do you have a solution?

regards,
marius

Hi Nicolas,

Thanks that wil work, that line now in the CSS "Picture Blue"

can i do the same for the "LABEL" ? See picture. Thanks.

regards, Marius

Hi,

For the label, you can try with:

.hikashop_product_custom_item_name label{

}

hi,

Fixed, thank you.

As a test in the testsite it's all styled good now, also for the Firefox browser, see the pictures

regards,

Marius

Yes i see, but that changes the product page. The customer want the picture left and the discription right next to the picture.

So all pages are with characteristics and looks perfect, we don't want to change that. Now the product left and right part are styled like this.

.hikashop_product_right_part{
border-left:1px solid #ddd;
padding-left:10px;
width:556px;
margin-left:5px;

.hikashop_product_left_part{
margin-top:-3px;
width:144px;
text-aling:left;
font-size:12px;
color:#003300;}

you can find the Custom fields in the category t-shirts
new.lebasport.nl/index.php/product-categ...uct/3094-t-shirt-joy
new.lebasport.nl/index.php/product-categ...category/286-t-shirt

thanks for all,

Marius

Hi,

Try to use the css property "display:inline-block;" on the class "hikashop_product_custom_item_info"

.hikashop_product_custom_item_info{display:inline-block;}

Hi Xavier,

Great! Thats the solution, perfect.

best regards,

Marius