Control colours of animated header text

  • Author
    Posts
  • #115744
    Nina Isabella
    Power User

    The animated text over the header uses the colour set for ‘Primary Accent’.

    I would instead like to use the colour set for Secondary Accent (or arbitrary colour for that matter).

    Possible?

    Website: agroecologynow.net/agroecology-in-motion/linking-food-and-feminisms

    #115967
    Zed
    Cryout Creations mastermind

    Hi,

    Which colours are used for specific elements is not something that’s configurable.

    However, if desired, any visual aspect can be customized with additional CSS:

    body .animated-title span.cry-single.animated-letter,
    body .animated-title span.cry-double.animated-letter {
       color: ...;
    }

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #115977
    Nina Isabella
    Power User

    That’s great, thanks a lot. This will likely be of use and help to others who want to change the color of the animated text in Bravada.

    Then,

    I have added two more CSS modifications to the Landing Page, to:

    1 / Change the opacity of the title:

    .main .lp-section-header .lp-section-title {
    opacity: .4
    }

    2 / Change the colour of the subtitle

    .lp-section-desc {
    color: #ce6700;
    font-weight: bold
    }

    Is that correctly done?

    #116000
    Zed
    Cryout Creations mastermind

    If the desired changes are applied and visible on the site, then the CSS works, so it’s correct.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Control colours of animated header text’ is closed to new replies.