Images fail to center, text wraps

  • Resolved taastrategies

    (@taastrategies)


    1 year, 10 months ago

    I have three basic popups, all on this page (scroll down slightly). Each popup is triggered by a button labelled:

    • Adaptive Global Chart and Table
    • Adaptive Income Chart and Table
    • TAAStrategies Performance According To Economic Condition

    Each popup includes 1 to 3 images which are aligned “center”.

    Settings: Center, Light box, Size is Large 80%, Min is 50%, Max is 100%

    Everything looks fine on desktop when browser is half screen width; however as width is increased, the images shift to left and text appears to right of the images.

    Everything looks fine on mobile.

    Additional notes: Purge SG Cache is used to purge the website cache, behavior occurs on FF, Chrome, and Edge all with cache cleared.

    The page is composed with Beaver Builder.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Kim L

    (@kimmyx)

    Hi @taastrategies,

    We checked your page and it looks like a custom CSS styling rule for images is also applying to the images inside the popups.

    The custom CSS is from the Icegram plugin.

    See here: https://share.getcloudapp.com/Z4ump64B

    You can either remove that custom CSS, or add additional CSS for the images inside the popups and add the !important property so it takes precedence for images inside the popup.

    For example:
    .popmake img { float: none !important; }

    If this is your first time working with CSS, we also have a guide here: Getting Started with CSS

    Hope this helps! Let us know if you have more questions.

    Thread Starter taastrategies

    (@taastrategies)

    Wow, that was super. Thank you. All fixed and looking like it should.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Images fail to center, text wraps’ is closed to new replies.