Inline Notice Title Background Wider than Container

  • Resolved pracko

    (@pracko)


    2 years, 7 months ago

    Hi, this plugin looks very promising. However, there’s a display problem with your Inline Notice block: the width of .uagb-notice-title element is 30px wider than the width of the .uagb-notice-text container beneath it when left and right padding is added to the notice title. This is because padding is being added to the title element (h4 is default). Instead, the title element should be wrapped inside a <div> of its own and any padding needed should be applied to that, just as you are doing it on the .uagb-notice-text container. For now, I have to use custom CSS ( max-width: calc(100% – 30px); ) on the .uagb-notice-title element to remove the excess width/background color spillover, but this obviously isn’t the best long term solution for this.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi There,

    Thanks for writing to us.

    Is it possible you can record a short screencast/video so that we can be able to have clarity on the issue and respond more accurately?

    Regards.
    Judith.

    Hi @pracko,

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Inline Notice Title Background Wider than Container’ is closed to new replies.

Tags