Making Draw Attention Element Wider

  • Resolved beatricet

    (@beatricet)


    5 years, 11 months ago

    Hello,

    I have placed the shortcode for the DrawAttention element within one of my pages, however the element does not fill the whole page width due to the page not being full-width. This is causing text wrap issues (ie words are going over more than one line and the text box is a little too thin for readability).

    Is there a way to make the element wider than the set out content dimensions of the page?

    For context, I am using the 2020 theme and cover template.

    I can’t share my page as it is being developed on a local server.

    Many thanks

Viewing 1 replies (of 1 total)
  • Plugin Contributor Draw Attention Support

    (@wpdrawattention)

    5 years, 11 months ago

    Hello!

    If you’re using the Gutenberg editor blocks, add a Group block to the page and set it to either wide-width or full-width – then place the Draw Attention image shortcode inside the Group block.

    This should work for most themes, but the 2020 theme seems to have code that stops images from growing beyond the container on the page.

    To solve that, add this bit of custom CSS to the page:

    
[class*="__inner-container"] > .hotspots-container {
	max-width: 100% !important;
}

    Let us know if that worked for you, if not feel free to also email us at support@wpdrawattention.com 🙂
    Thanks,
    Natalie G

Viewing 1 replies (of 1 total)

The topic ‘Making Draw Attention Element Wider’ is closed to new replies.