Floating Element: border-radius not applied to the floating item

  • Resolved lanzoninicola

    (@lanzoninicola)


    3 years, 4 months ago

    Hey Guys,
    thank you for spending your free time to do this plugin.

    I’m using the FLOATING component to render images in the page and I sat for each floating item a border radius of 20px.

    No problem during the template design, but it doesn’t work properly on live stage

    The property is applied to the single image container/wrapper (“#bricks-element-sgsuwn .repeater-item:nth-child(x)” class).

    I can solve this problem if I set the border-radius directly to the image with a CSS rule.

    Step to reproduce:
    1- create a new Bricks template
    2- insert a Bricks container
    3- insert inside the container a Floating element, then create three floating items
    4- for each floating item assign an image
    5- set a border-radius
    6- save all
    7- assign the template to a singular page
    8- view the page in the browser (no preview, no admin preview, but like a normal user)

    This is the link of my template:
    https://drive.google.com/drive/folders/1weboFp8ffJWv7SVFt4evDpPgMPy2UjFP?usp=sharing

    I hope this can help you.
    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Bricksable

    (@bricksable)

    Hi @lanzoninicola

    Thanks for reporting this ! We will be updating the plugin to fix this. I’ll close this for now. Thanks once again to make Bricksable better !

    Plugin Author Bricksable

    (@bricksable)

    New update will add: Image Border and Image Box Shadow to Float items. Please use that option instead ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Floating Element: border-radius not applied to the floating item’ is closed to new replies.