How to change width of catalogue in detail view

Hi Jld,

Try adding this:

.upcp-detail-item {max-width:706px;}

Hello Rustaurius,

i have tried it and it has worked to an extent.

https://complete-models.com/member-models/

Can you now tell me how to remove the blank box on the right side of the product ? I have set the “details” button to be hidden via “display: none;” but i cannot remove this box.

Hi Jld,

It’s not actually a box, it’s formed by the outline of the larger details box and the right border of the middle box. You can get rid of the line with:

.upcp-mid-detail-div {border-right:none;}

This has not worked. Border does not disappear.

I want the middle section (with the title and description) to move out and fill the section to the right that is just a blank box ?

can you post the contents of your Custom CSS box? The change you’re describing doesn’t appear inline on the page.

I’m having a similar problem.
The description of the products are cropped. Some of my products have youtube videos embed to the description and a part of the right side is hidden.
After I added the custom CSS .upcp-detail-item {max-width:706px;} as sugested this also happened to the text in the description.

Hi Magaldi,

would you mind posting a link so we can take a look at what might be happening? have you tried adding:

max-height:none;

to the description div?

Thanks.

Hi,
I sort of solved the problem. I inspected the divs and messed a little and found out that adding .prod-cat-addt-details-right-div {max-width:700px;} to the custom CSS worked for me insteed of that other class. Don’t know if that’s the right one to change, but it did work.
Leave this tip to anyone that’s having the same problem!