Trying to change the width of the theme review section block

[ad_1]

Hi,

The theme that I use has like product box review rating and gallery slider, which size I would like to change. They don’t offer customization options for that feature, and they are not willing to provide customization help (support told me to find a developer if I need changes for that).

Here is an example page [https://worthypurchases.com/review/cum-sociis-natoque-penatibus/])

I don’t know anything about coding, so I have been searching for ways to change the width of the featured image gallery and quick summary section.

I don’t know if it is the correct way, but I have changed this width section from this [https://i.postimg.cc/KvjpZvfJ/11.jpg]) to this [https://i.postimg.cc/NGJbPvtT/11a.jpg]) using this code:

div.flexy-container{
margin:0 auto;
width:1000px;
}

@media(max-width:1024px) {
div.flexy-container{
margin:0 auto;
width:100% !important;
}
}

This seems to work on desktop and mobile devices fine.

​

Then I tried to change the quick summary section from this [https://i.postimg.cc/4dF2DmqC/22.jpg]) to this [https://i.postimg.cc/xCkBTvKj/22a.jpg]) using code:

div.ct-product-description{
margin:0 auto;
width:800px;
}

div.ct-product-info{
margin:0 auto;
width:800px;
}

It looks good on desktop but not good on mobile. Here is the issue on mobile devices [https://i.postimg.cc/fLZ0MC4m/33.jpg])

​

Can anyone point me in the right direction or tell me what I am doing wrong?

[ad_2]