Unwanted visual changes after update

  • Resolved Lea

    (@leac)


    10 months, 4 weeks ago

    After updating to version 2.8.3, we spotted a few unwanted differences in the timeline display, and would like to know how to undo them.

    1. In previous versions, the title was at the head of the event, followed by the picture and then the description. In this version, the picture is at the head of the event, followed by the event title .This is This is because he plugin css gives the title the order of 1 and the picture the order of 0
    2. In previous versions, the image filled the full width of event. Now the picture is narrower. I see that the image wrapper is defined as display:flex, which is causing that narrowing.
    3. In previous versions, the text was right-aligned, as this is a RTL site. Now the text is left-aligned.

    This is want the event looks like after the update:

    View post on imgur.com

    And this is what is should look like:

    View post on imgur.com

    And one more thing: In previous versions, the event date wasn’t displayed, and that’s how we want it to stay. Now it is displayed. How can we get rid of it?

    • This topic was modified 10 months, 4 weeks ago by Lea.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support aniketji

    (@aniketji)

    Hi @leac,

    We made changes to our vertical design, allowing the image to appear at the top instead of the title. If you want the previous design you can use the custom CSS shared below.

    .ctl-wrapper .ctl-content{
    display:unset !important;
    }
    .ctl-wrapper .ctl-media{
    display:unset !important;
    }
    .ctl-wrapper .ctl-title , .ctl-wrapper .ctl-description{
    text-align:right !important;
    }

    To remove the date from the timeline stories, you can simply delete the date-format=”F j” attribute from the shortcode.

    Thanks & Regards.

    Thread Starter Lea

    (@leac)

    Thank you very much for the css fixes. They work.

    Regarding the date: what shortcode would that be? I see a field that has the date in it, but I leave it empty, the event doesn’t appear in the timeline at all

    Plugin Support aniketji

    (@aniketji)

    Hi @leac,

    Yes, if you remove or empty the date-format attribute from the shortcode, it will not show the dates on the timeline. Alternatively, if you prefer a different date format, you can set it accordingly in the attribute.

    Thanks & Regards.

    Thread Starter Lea

    (@leac)

    Hi,

    Can you explain to me where the shortcode is? Because all I see is a field in the post editing screen:

    View post on imgur.com
    Plugin Support aniketji

    (@aniketji)

    Hi @leac,

    On the editor side where you are inserting our plugin shortcode to display on your site, you can edit the shortcode. If you are using the default Gutenberg editor, please generate a shortcode for the timeline. After generating the shortcode, simply copy the content from the shortcode and paste this shortcode content as plain text in the WordPress default shortcode block. Then you can remove the date-format=”F j” attribute from the shortcode. Simply update the page this should work for you.

    Thanks & Regards.

    Thread Starter Lea

    (@leac)

    Oh, now I understand. And that worked, thank you

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Unwanted visual changes after update’ is closed to new replies.