• Resolved ruijt

    (@ruijt)


    Hi,
    Is it possible to put the on the right or left border of the webpage, vertically?
    I would like to create a news ticker on all the sides of the webpage.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author metaphorcreations

    (@metaphorcreations)

    You can set the ticker to scroll vertically, but it sounds like you want to rotate the ticker 90 degrees so its scrolling horizontally, but rotated to run along the sides of the page?

    This would required adding custom css to your site and playing around with it a bit. You would need to have a separate ticker for each border and add a custom class to target each individually with css. You would also need to place these at the end/bottom of your content so they layer over the rest of your content without being cropped by overflow:hidden divs.

    I messed with it a little bit and came up with this css to run a ticker vertically along with right side of the screen. This may help you get started:

    .ditty {
        position: fixed;
        left: 100%;
        top: 0px;
        z-index: 999999;
        width: 100vh;
        transform: rotate(90deg);
        transform-origin: top left;
        margin: 0;
    }
    Thread Starter ruijt

    (@ruijt)

    Hi,

    Thanks for the reply. I’ve used the CSS you made and it works!
    Thanks for that ??

    Regards,
    Sebastiaan

    Plugin Author metaphorcreations

    (@metaphorcreations)

    Good to hear, glad to help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Vertical position’ is closed to new replies.