Pagemaker

Create a Text Marquee on Pagemaker

March 9, 2022

3 Min Read

Build high converting mobile-first pages in minutes!
FREE LIFETIME PLAN

New Text Marquee feature on Pagemaker

A text marquee is a scrolling piece of text displayed on your webpage. Popular since the days of GeoCities, adding a text marquee to your website is on trend right now thanks to platforms like Webflow.

Adding a text marquee to Pagemaker now gives you more tools to build with. This simple and animated aesthetic will make your landing pages and websites look more modern, on-trend, and interactive.

You can advertise your free shipping or 50% discount on text marquee's and not only look modern but convert more visitors!

How to Add Text Marquee on Pagemaker

#1 Adding a text marquee to your Pagemaker page is very simple to do and only takes one minute. The first step is copying and pasting the code below to your CSS widget inside of your Pagemaker settings.

Pagemaker CSS Widget

.text-marqee{
  display:flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  min-width: 100%;
  overflow-x: hidden;
}

.text-marqee p{
  display : flex;
  flex-shrink: 0;
  height: 50px;
  align-items: center;
  animation: slide-left 30s linear infinite;
 

}

  @keyframes slide-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

#2 The next step is to select the text module of the section you are adding the text marquee to and add the snippet below under your Attributes -> CSS- Classes.

text-marqee

Posted on

March 9, 2022

in

Pagemaker

category

Recommended Blogs
View All

Try Pagemaker risk-free with no credit card required

Access our free life time plan
Access our free lifetime plan