Can you help with inproper alignment?

  • Resolved stemsrus

    (@stemsrus)


    8 months, 2 weeks ago

    Here is the issue:

    I’m using Paid Memberships Pro and if you’re not a member, it displays a ‘Join Now’ message

    to restrict you from entering the site. Only paid members are allowed to the site.

    Unfortunately, the message aligns to the left of the screen. I tried using a CSS style to center it on the page. The result is sometimes it centers it and sometimes it doesn’t. It’s hit or miss!

    The styling in CSS is:

    .centered-content {  text-align: center !important;  font-size: 2rem !important;  margin: 20px auto !important;}

    The html code snippet is

    <div class="centered-content">
      This content is for !!levels!! members only.<br />
      <a href="!!levels_page_url!!">Join Now</a>
    </div>

    To me, it sounds like a caching issue of some sort. I downloaded your product, but I don’t know which settings to use to empty the cache that maybe causing the problem. Can you provide some guidance on how to troubleshoot my issue? I’m not sure if it’s a brower, server-side, cdn caching issue.

    Thanks,

    Ron

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @stemsrus

    Thank you for reaching out and I am happy to help!
    Ah yes, the old center the <div> problem ??
    All jokes aside, if the issue occurred before you added the W3 Total Cache, then the issue you are describing is not related to the W3 Total Cache plugin.
    If you suspect caching problems, please make sure you are not using any other caching solution or server-side caching.
    You may also want to try a different approach like in the example below:

    ---- CSS -----

    .parent {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    ---- HTML -----
    <div class="parent">
        <div>I am centered!</div>
    </div>

    I hope this helps!
    Thanks!

    Thread Starter stemsrus

    (@stemsrus)

    I want to report back that when I deactivated Jetpack, I was able to modify the block successfully. Surprise surprise, Jetpack is the culprit.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Can you help with inproper alignment?’ is closed to new replies.