Product view - problem with tabs (video,reviews,related)

[jjawatches]

Hello,
I have a problem after adding a video to the product.
When I add a video it makes a big gap between the tabs and the bottom of the page. The gap is the size of the video. The same happens when I insert a description, then the gap is the size (height) of the description.
I hope I described it well, but I am posting links to the screenshot and link to the site.

https://jjawatches.co.uk/images/gap/1.jpg
https://jjawatches.co.uk/images/gap/2.jpg
https://jjawatches.co.uk/images/gap/3.jpg

live page:
https://jjawatches.co.uk/pagani-design/ ... 2-blue-red
Thank You

[christine]

Hi,

Under Related Products I see: The space is reserved for the iframe 1118.4 x 659.1

In addition under /media/com_phocacart/css/main.css:

Code: Select all

.ph-video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

You could change (there is no Video) into your custom.css:

.ph-video-container {
padding-bottom: 0%;
padding-top: 0px;
}

Kind regards
Christine

[jjawatches]

Hi,
I have changed but still doesn't work.

[christine]

Hi,
Changing CSS files, it seems you are using Gantry:

Switch on development mode in gantry

You have to edit custom.scss, because custom.css is automatically generated by Gantry and is made a new one with every change.

/custom / scss / custom.scss
Edit custom.scss and then recompile.

Then there is a /custom/css-compiled/custom_18.css:
https://jjawatches.co.uk/templates/phoc ... s?62497659

But above is currently empty. No code change yet.

At the moment, if you click on: Video / Rewies / Related Product, they are inactive.

Kind regards
Christine

[jjawatches]

Thank you Christine for your help but i think it is to hard for me.
I have switched on development mode but i can't find custom.scss file.
Thank You anyway