[Resolved] 2 Column Container Not Displaying Properly

Home Forums Support [Resolved] 2 Column Container Not Displaying Properly

Home Forums Support 2 Column Container Not Displaying Properly

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #2395174
    Carl

    I have a 2 column table set up that displays properly in edit, but squishes to the left when I publish. I noticed this after the last update.

    https://helpforscamsandfrauds.com/what-is-branson-tays-login-n-cashin-another-scam/

    It is the Pros and Cons table near the bottom of the post. I even tried to put it inside a container, but it doesn’t help. I have screenshots but I don’t know how to paste them in here.
    Carl

    #2395591
    David
    Staff
    Customer Support

    Hi there,

    instead of using the Columns Block, try using a GenerateBlocks Grid Block.

    #2396684
    Carl

    That worked.

    I also tried to put a 2 separators in using the dots. It displays as dots in edit, but displays as a line in publish. How do i get all the separators to display as dots now?

    I also noticed that all my tables and images are all displaying as squished to the left in all my previous posts?

    Carl

    #2396710
    David
    Staff
    Customer Support

    Try this CSS to fix the dotted border:

    
    .wp-block-separator.is-style-dots {
        background: none;
        border-bottom: 1px;
        border-color: rgba(0,0,0,0.5);
        border-style: dotted;
    }

    Where can i see the other issue ?

    #2397489
    Carl

    You can see it in the same post. All my images are set in edit to align center, and (in edit) they are centered. But, when I publish, they align to the left. Does each image need to be inside a grid as well?

    The previous post is also now all skewed left. I have all the images, and my Pros and Cons (2 columns) in edit centered, and they display centered in edit. But now, they are displaying to the left.

    https://helpforscamsandfrauds.com/what-is-the-7-figure-launch-system/

    In another earlier post, all my images are also skewed left, But, the 2 column Pros and Cons table, only the Cons side is scrunched up.

    https://helpforscamsandfrauds.com/is-legendary-marketer-worth-it/

    Again in the next earlier post (Some) of the images are displaying left and the Pros And Cons Table is skewed to the left. All this is centered and displaying correctly in edit mode.
    https://helpforscamsandfrauds.com/is-entre-institute-a-scam/

    I am going to say that every post in my site with images and a 2 column list, is now affected.

    https://helpforscamsandfrauds.com/

    I have checked all the plugins, and cleared the cache, none help to correct this.
    Carl

    #2397540
    Fernando
    Customer Support

    Hi Carl,

    To clarify, when you say “I have checked all the plugins”, where you able to disable them all at the same time to check for the occurrence of the issue?

    If the issue still persists, can you try adding this in Appearance > Customize > Additional CSS:

    .wp-block-image .aligncenter {
        display: table;
    }
    #2398754
    Carl

    I disabled all of them, one at a time, refreshed, cleared the cache and reinstalled each one. None of them made any difference. This happened when I installed the last update of GeneratePress.

    So, you think that disabling all of them all at once and reinstalling each one one at a time will make a difference?

    The css code above seems to have centered all the images. Thank you!

    I was also given the css code for the “dots” instead of the line separator.

    it was working fine yesterday, now it is displaying a whole “box of dots” around the separator “dots” each time I have used the “dots” as a separator.

    https://helpforscamsandfrauds.com/what-is-branson-tays-login-n-cashin-another-scam/

    #2398807
    Ying
    Staff
    Customer Support

    The css code above seems to have centered all the images. Thank you!

    I can see this CSS is loaded from WP’s stylesheet, so technically you should not need to add this CSS manually. Can you try removing them? The images should still display correctly.

    it was working fine yesterday, now it is displaying a whole “box of dots” around the separator “dots” each time I have used the “dots” as a separator.

    Can you tell me what should it be looking like? Something like this?
    11.02.2022-11.00.03
    or
    11.02.2022-11.03.09

    #2399112
    Carl

    Hi Ying,

    Much better! I removed the code and the images are back to normal. Thank you!

    I use the choices in edit to choose the style of separator, and instead of line, I sometimes choose the dots. That displays as the three dots in the middle. It is displaying fine in edit mode. But, lately all the published separators were all displaying as lines.

    I added the css code yesterday and it worked fine, displaying only the three dots. And that fixed all of them. But, today it is changed to the extra border all the way around the three dots. I don’t want the line of dots the whole way across the page. Just the three dots in the middle. I don’t understand why it is changing like this?
    Carl

    #2400010
    David
    Staff
    Customer Support
    #2400705
    Carl

    Hi David,
    I removed the css you provided, and it seems everything is back to normal. Thank You.

    And thanks to everyone who contributed help.

    Carl

    #2401174
    David
    Staff
    Customer Support

    Glad we could be of help

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.