product-field-display not displaying correctly

modernmagic · Aug 29, 2023

How do I get the dropdown menus to display correctly?

saguaros · Aug 30, 2023

You can try this custom css rule:

@media screen and (min-width: 992px) {
  div.productdetails-view .spacer-buy-area .product-field .product-field-display {
    width: 200px;
  }
}

modernmagic · Aug 30, 2023

Thank you, I ended up using width:50%.

My other question is why does it display that style of dropdown instead of this one:

saguaros · Aug 31, 2023

modernmagic Where can I see this format / style?

modernmagic · Aug 31, 2023

Its already in your "Site url:" field.

saguaros · Sep 4, 2023

modernmagic Hi

I don't understand, as I can see it's showing dropdown to select already, how you want to achieve?

modernmagic · Sep 4, 2023

Why does this template use chosen yo style the dropdowns? The style does not match the rest of the template.

saguaros · Sep 5, 2023

modernmagic I got your point, could you share the URL + super admin account of your site so I can check and update? the provided URL doesn't work anymore.

modernmagic · Sep 5, 2023

The URL is working again.

Is there an option to disable "chosen" styling, is this a bug, or do you have to hack something?

saguaros · Sep 6, 2023

modernmagic Hi

It's weird as it notices 403 error at my end now: new.retaildisplayusa.com

modernmagic · Sep 6, 2023

I had to launch the site yesterday regardless of the dropdown style.

I have cloned the site and edited the site details so you can access it.

saguaros · Sep 7, 2023

Weird! as it still redirects to the old site: new.retaildisplayusa.com/vm-search/paint-grade-slatwall-detail which doesn't work.

modernmagic · Sep 7, 2023

I have cleared the server's cache. I do not see a redirect. Please try again.

saguaros · Sep 8, 2023

We updated this custom css rule into your site, kindly check:

.vm-customfields-wrap .product-field-display {
	display: block!important;
	margin-left: 0!important;
}

.vm-customfields-wrap .chosen-container-single {
	min-width: 250px;
	margin: 5px 0;
}

.vm-customfields-wrap .chosen-container-single .chosen-single {
	border-color: #eaeaea;
	box-shadow: none;
	border-radius: 0;
	background: #fff;
	height: 50px;
	padding: 13px 20px;
}

.vm-customfields-wrap .chosen-container-single .chosen-single div b {
	background-position: 0 14px;
}

.vm-customfields-wrap .chosen-container .chosen-drop {
	border-color: #eaeaea;
}

in the file: /templates/ja_autoshop/css/custom.css