Ticker CSS // for Personal Plan // Charity WP Website

• 

  richarddyates · Member · Mar 20, 2025 at 3:57 pm

  • Copy link
  • Add topic to favorites

  Hi All,

  I’m new to WordPress, so hello : )

  This is the first site I’ve ever built. It’s a Theme Twenty twenty-five.

  No plugins work as it’s just a personal plan; have to keep costs down as it’s for a very small charity.

  I found the following Ticker code. Works to a degree but the ticker text repeats from the centre of the ticker rather than running across the screen.

  On mobile it does, but the actual site is able to be moved around i.e. made bigger and smaller, which I obviously don’t wish for it to do.

  Any help on the below would be hugely appreciated. I know zero about code so it could be a simple fix. Maybe the template is messing with the whole thing.

  Many thanks, Richard.

  .ticker-wrapper {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  }

  .ticker {
  display: inline-block;
  padding-left: 100%;
  padding-right: 100%;
  animation: ticker 10s linear infinite;
  }

  @keyframes ticker {
  0% {
  transform: translateX(100%);
  }

  100% {
      transform: translateX(-100%);
  }

  }

  The blog I need help with is: (visible only to logged in users)