Enfold prevents WebGL to draw objects with right canvas resolution

Please anyone?
here you can see the problem http://salomon.com.ve/wp/producto/servicio-de-impresion-3d/

cheers

hello, the object should be width=”300″ height=”300″,

but instead when the page loads, it is forced to width=”50″ height=”50″ (and looks sharp), before I posted the question, I’ve tried to add this

.canvasio3D {
height: 300px !important; 
width: 300px !important;
margin-left: auto ;
  margin-right: auto ;
}

canvas {
  width: 100%    !important;
  height: auto   !important;
}

to my custom css, and then it draws it 300×300 but pixeled, as I stated before, but in any case, if you resize your browser window after it loads, the canvas get the correct size and then redraws well, the problem is only with enfold, if I activate another theme, the canvas is 300×300 from the begining and a very sharp object drawn.

I think I found the code that makes this behavior

file woocommerce-mod.css lines 887 to 891

#top div.product .woocommerce-tabs {
clear: both;
padding: 50px 0 0 0;
margin: 0 0 30px 0;
}

the padding: 50px 0 0 0; one, if I modify this line to padding: 51px 0 0 0;, then the canvas initial size is 51×51, if I change it to padding: 100% 0 0 0; it seems to solve the drawing problem and the canvas draws itself with the right size, but it adds a lot of space from the title of the product and the product description (woocommerce-tabs). So I think my object is being affected by this style, how can I avoid it?

any sugestion?

thanks

• This reply was modified 9 years, 9 months ago by sal0m0n. Reason: more specific info

If you meant putting 0px or 0% in the “woocommerce-mod” CSS file, line 889, It dissapear all the content, the canvas is set to 0x0 (in the image you can see what firebug shows), but you can see that the data parameter of the DIV is 300×300 (this is the 3D object desired size).

if I put 0 in the size of the 3D object, leaving the CSS file unchanged, it tries to have the default value 220×220, but the canvas will have 50×50 (or watever value the CSS file have) when the page load, and it will behave the same, if you resize the windows it grows to the final value (in this case 220×220).

best regards

Hello, Im sorry I haven’t seen your request before, what kind of access do you need? Just as WP admin or FTP access?

thanks

Did you checked what I said about the woocommerce-mod.css file, lines 887 to 891?

Other thing I’ve figured out is that if I put the 3D object in the Short description (instead where it it right now), it displays with the right size from the begining (Of course I want my 3D objects at the bottom of my description).

I still Believe there is something your CCS that is affecting this object, don’t you think so?