Opacity settings do not work in a nested block.

  • Resolved dkim5684

    (@dkim5684)


    3 years, 8 months ago

    Hi PublishPress team,

    First of all, I’m a big fan of your products. Thank you for creating such an amazing suite of plugins!

    I found a bug in the PublishPress Blocks plugin in regards to the opacity controls for images. They work perfectly fine when the images are displaying on the page as a block as a standalone element. They even work well in 3 column settings, with 3 images side by side.

    However, when I create the same images in the same 3 column grid within the Advanced Tabs block, the opacity controls don’t work here and they are set to their default values. Currently, I need to do a CSS override on the opacity to make the text on the images readable, but the hover controls to change the opacity break.

    Please let me know if there’s anything else you need to know to fix this issue. Thank you!

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author htmgarcia

    (@htmgarcia)

    Hi @dkim5684,
    we appreciate your kind words!

    Is possible to have the HTML from Code editor view? https://ibb.co/dWTzYtf – This will help us to speed up the debug process.

    Thread Starter dkim5684

    (@dkim5684)

    Thank you for the blazing fast response speeds. Just a quick visual breakdown/description of the following code:

    I have 2 tabs. Sign in and Registration (Join the community project).
    The first tab contains the PublishPress Login block. The second tab contains the three images in question, split up into 3 columns. Please let me know if you need additional information as the following code is fairly long:

    [Moderated: Large code excerpt removed per forum guidelines. Please use Pastebin and Gist and copy your code there. Then return here and paste the link to that here.]

    • This reply was modified 3 years, 8 months ago by t-p.
    • This reply was modified 3 years, 8 months ago by t-p.
    Moderator t-p

    (@t-p)

    Side note to @dkim5684 ,
    Large code excerpt removed per forum guidelines. Please use Pastebin and Gist and copy your code there. Then return here and paste the link to that here.

    Plugin Author htmgarcia

    (@htmgarcia)

    @dkim5684 please follow @t-p suggestion, or send us a message through our contact page: https://publishpress.com/publishpress-support/ – Include the link of this forum topic as reference.

    Thread Starter dkim5684

    (@dkim5684)

    My apologies to the moderator. I’ll include the pastebin link here:

    https://pastebin.com/niZgkYhR

    Plugin Author htmgarcia

    (@htmgarcia)

    Thanks!

    I get different results in admin and frontend. In admin the “Overlay opacity default” and “Overlay opacity hover” works as expected. However in frontend the default doesn’t work at all and “Overlay opacity default” works when placing mouse over.

    Is this the same result you get in your end?

    Thread Starter dkim5684

    (@dkim5684)

    That sounds very close to what’s happening on my end:

    The opacity controls appear to work perfectly fine in the Admin dashboard’s Guttenberg editor. However, these changes don’t work on the front end, and only show the default opacity settings on the hover.

    • This reply was modified 3 years, 8 months ago by dkim5684.
    Plugin Author htmgarcia

    (@htmgarcia)

    We added your report to our to-do list and we’ll work in a fix as time permits.

    Regards

    Thread Starter dkim5684

    (@dkim5684)

    Much appreciated! Glad to hear that you were able to replicate the issue successfully. Looking forward to hearing from you and your team in the near future.

    Plugin Author htmgarcia

    (@htmgarcia)

    We figured out the issue. It will be available in the next release.

    Thread Starter dkim5684

    (@dkim5684)

    You guys are amazing! Thank you!!

    Plugin Author htmgarcia

    (@htmgarcia)

    @dkim5684 version 2.6.0 released with the fix.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Opacity settings do not work in a nested block.’ is closed to new replies.

Tags