• Resolved Buckaroos

    (@buckaroos)


    While viewing the Slide-Anything plugin in operation, punctuation contained in an HTML slide exhibits interesting browser-dependent behavior. When punctuation is on the Right end of a line of text inside an HTML slide (where it should be), if viewing the slide in Chrome and Firefox, the punctuation moves to the Left end of that line of text. Periods “.” and exclamation marks “!” were the only punctuation tested at this time.

    So, I thought, easy fix, just move the punctuation to the Left end of that line inside the HTML and voilà! When viewing in Chrome and Firefox, the punctuation moved back to where it should be on the Right end. However, it stays exactly where I put it when viewed in Internet Explorer… imagine that! ??

    Any ideas???

    I really love SLIDE ANYTHING! It is the only WP slider I found that easily slides HTML.

    Best regards!

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author simonpedge

    (@simonpedge)

    Looking at the link you provided me, it seems that the punctuation on the left is actually within the HTML code – you can see this if you inspect element:
    https://i.imgur.com/CD2RCfQ.png

    So when editing your slides, switch from “Visual” to “Text” editing mode (click the ‘Text’ button in the top-right of your slide editor).

    Thread Starter Buckaroos

    (@buckaroos)

    Thank you for your kind reply!

    Notepad, a plain text-only editor, is what I use to type content for each slide (and webpages as well), then copy & paste it into Slide-Anything (never have used visual editors). Is there known HTML code that causes punctuation to move from one side of a line of text to the other side when viewed in Chrome and Firefox? …while IE renders it correctly?

    As shown in your example screenshot and inspection, a line break (<br />) was purposefully inserted into the sentence to assure that portion remained intact when resizing to the minimum responsive dimensions. To the right of the line break, a period was placed on the left side of the line of text so when it is viewed in Chrome or Firefox it is seen correctly on the right side of that same line of text.

    Have you heard of punctuation (text or HTML) moving around in some browsers before?

    Your generous efforts in sharing your insight, expertise and most excellent Slide-Anything plugin are greatly appreciated!

    Best regards!

    P.S. Attached below is what I used Notepad to write and then pasted into the Slide-Anything slide that is shown in your example screenshot. The final sentence segment

    .through the process

    was typed with the leading period to be viewed in Chrome and Firefox at the end of the sentence.:

    <div class="aligncenter" style="background-color: #677170; width: 100%; height: 1080px;">
        <div class="aligncenter" style="margin-top: 80px; font-size: 20px; color: #f9fbd8; text-align: center; max-width: 800px;">
            <br />
            <br />
            <div style="font-family: 'Open Sans', sans-serif; font-size: 75px; font-weight: 200; font-style: normal; margin-top: -10px; margin-left: auto; margin-right: auto; color: #f9fbd8; text-align: center;">Testimonials</div>
    If you are looking for substance and style in your publication, in the form of intelligence and creativity, Melanie Martin is the unequivocal choice. She works tirelessly and effectively to enhance the written or spoken word. 
    She is also a delight to work with <br />
            .through the process
            <br />
            <br />
            <img
                style="width: 150px; height: 150px; margin-bottom: 15px; margin-left: auto; margin-right: auto; text-align: center; border: 2px solid #f9fbd8;"
                src="https://melanieamartin.com/wp-content/uploads/2021/01/Suzanne-Ricketts-150.jpg"
                alt="Suzanne Ricketts"
                title="Suzanne Ricketts"
            />
            <br />
            Suzanne Ricketts, Entrepreneur<br />
            Texas
        </div>
    </div>
    • This reply was modified 3 years, 8 months ago by Buckaroos.
    Plugin Author simonpedge

    (@simonpedge)

    I have not come across this type of behaviour before with the standard WordPress Editor.

    I would guess that maybe you have another plugin installed that is causing this to happen (maybe a RTL text or some sort of Language plugin). To test this out disable all plugins (temporarily) except ‘Slide Anything. If this does solve the issue then you will need to identify the plugin causing the issue (which you can do by reactivating plugins one-by-one & testing between each activation).

    I have a similar and very strange issue:
    Since the introduction of the “right to left” option, I am seeing numbers in an HTML caption get popped onto the end of the string in L->R mode. Revert back to default R->L scrolling, and the number goes back to where it should be.

    I have addresses in the caption, “20 St James Street” gets shown as “St James Street 20”. Very odd. It’s repeatable / reversible.

    Thread Starter Buckaroos

    (@buckaroos)

    Turning off all plugins (except Slide-Anything, of course), then also changing themes did not make a difference for swapping punctuation that is at the end of a line to the opposite end. This behavior seems to be specific to Slide-Anything. So, sadly, I am back in the market for a trouble-free HTML slider. ??

    • This reply was modified 3 years, 7 months ago by Buckaroos.
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Punctuation in text of HTML slide switches ends?’ is closed to new replies.