Announcement above front pages boxes agama pro home page

[Maîtresse Célia]

Hello,
I like to place an announcement above the front page boxes. How can I do this, please?
Thx forwards
Regards
Gennifer

[Zex]

Hello, Gennifer!

Navigate to: Customizing->Front Page Boxes->General… and insert your text into “Front Page Boxes Heading” text box.

https://prnt.sc/oox725

Regards

[Maîtresse Célia]

Hello,
Thx for your answer. I made mon announcement but I want it moves right to left. I tried everything but it doesn’t moves.I tried with <marquee>, it doesn’t move. I tried with plugins, but the same result.
Is there a possibility to have an annoucement whih moves right to left?
Thx forwards
Regards
Gennifer

[Zex]

Hello, Gennifer!

At the same place, you have a Heading typography section, where you can change the Heading Text Align per your needs. (Also the font-size, the color of the text, and Font family)
https://prnt.sc/opfip7

Regards

[Maîtresse Célia]

Thx for your answer. I’ve seen this but I want the text slides from right to left.
Thx forwards
Gennifer

[Zex]

Hi,

If you want the title box title to slide-in from right to left, when the page is loaded/refreshed,

Set your frontpage boxes title Left-Aligned, https://prnt.sc/opht4d
then insert the following code into Customizing->General->Additional CSS:

#frontpage-boxes h1{
 width:100%;
 animation: right_to_left 5s ease;
}	

@keyframes right_to_left {
  from {
    margin-left: 100%;
  }
  to {
    margin-left:0;
  }
}

https://prnt.sc/ophvtm

Set the animation duration per your needs.

Regards

[Maîtresse Célia]

Thx for your answer. I don’t have not all the options like it’s shown in your screenshot. I don’t no why.

http://prntscr.com/opj4hk

[Zex]

Hello,

Additional options will appear only when you insert the text into “Front Page Boxes Heading” text field.
https://prnt.sc/opjvnc

Regards

[Zex]

If you want your title text to be played infinite times (not just on page load or refresh) use the next code instead of the previous one:

#frontpage-boxes h1{
   width:100%;
   animation: right_to_left 5s ease infinite;}	

@keyframes right_to_left {
  from {
    margin-left: 100%;
  }
  to {
    margin-left:0;
  }
}

https://prnt.sc/opk39e

Regards

[Maîtresse Célia]

Great it works. Thanks a lot for your help and your petient.
Have à nice day
Regards
Gennifer

[Author]

Posts