• Resolved agentrosehq

    (@agentrosehq)


    How do I get rid of it? It doesn’t show on mobile but it does on desktop. I’m using an inline shortcode.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Predrag – WPMU DEV Support

    (@wpmudev-support1)

    Hi @agentrosehq,

    Can you try adding this CSS to Appearance > Customize > Additional CSS field and that should reduce the white space there:

    .entry-content .hustle-ui.module_id_7 .hustle-inline-content {
        height: auto;
    }

    There’s also one empty row below the element so if you edit your page content you can remove the empty row and it will reduce it a bit more.

    Cheers,
    Predrag

    Thread Starter agentrosehq

    (@agentrosehq)

    Thank you, that worked, now how do I get it centered instead of left aligned? I tried centering in wordpress’s page editor and that didn’t work.

    Also, how do I make the title Playfair Display instead of the default, do I insert that into the custom CSS within the plugin?

    Thanks

    • This reply was modified 4 years, 6 months ago by agentrosehq.
    • This reply was modified 4 years, 6 months ago by agentrosehq.

    Hello @agentrosehq

    I hope you’re doing well!

    To align the module in the middle of a page, please add this CSS code:

    .hustle_module_id_7 {
            margin: auto;
        width: 50%;
    }

    Also, how do I make the title Playfair Display instead of the default, do I insert that into the custom CSS within the plugin?

    Would you please elaborate on the issue, have you added a title to an opt-in and it is not showing on your end? On your site the “BECOME AN AGENT.” is shown as the title.

    Have you added a text to a sub-title and it is not showing up? If not, please let us know where do you wish to show the “Playfair Display” text?

    Please advise,

    Kind regards,
    Nastia

    Thread Starter agentrosehq

    (@agentrosehq)

    I’ve tried that code but it doesn’t look good on mobile – it makes the embed look very narrow due to the width 50%. Is there a way to center it without affecting the original widths of the embed?

    As for the font, it’s showing fine now.

    Hello @agentrosehq

    I trust you’re doing well!

    Please try the following CSS code:

     .hustle_module_id_7 {
      display: flex;
      justify-content: center;
    }

    Please make sure to remove the previously added CSS code.

    Kind regards,
    Nastia

    Hello @agentrosehq

    I hope you are doing well!

    We haven’t heard back from you for a while now so we’ve marked this ticket as resolved. If you do have any followup questions or require further assistance feel free to reopen it and let us know here.

    Kind regards,
    Nastia

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Big white space below embed on desktop’ is closed to new replies.