SVG with overflow hidden.

Jean-Pierre Michael

• May 27, 2022 09:08

Hi, I added an svg image with absolute position on my page. I added this CSS

element {
  transform: rotate(49deg);
  overflow: visible;
}

to see the arrow but it gets cut in the image container. Any idea ??

0

• 

  Permanently deleted user

  • May 27, 2022 10:28

  Hi,

  Thank you for contacting us.

  Can you please send the URL of the website where you are trying to add this CSS and please tell us where you want to add it so we can check it?

  Best regards, Nelea.

   

  0
• 

  Jean-Pierre Michael

  • May 27, 2022 14:15

  I forgot to send you the photos. Here is one of the backend and the other of the front end. I replaced the element with a SVG already in the right place (to prevent using CSS) and it works but you should do something about this problem.
  Here is a page I created with the same problem
  https://mang11010117.brizy.site/svg-test
  
  

  0
• 

  KC George

  • May 28, 2022 16:34
  • Edited

  Hi JP,

  You are right. The overflow does not seem to work; not sure why. Consider rotating the image in a graphic tool and bringing it into Brizy. 

  0
• 

  Jean-Pierre Michael

  • May 28, 2022 21:21

  Yes that’s what I thought. And did.

  but in case of, having the opportunity to really add good css is a must.

  thanks KC

  0

Please sign in to leave a comment.