Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

How can I achieve this responsive layout with automatic color-changing effects?

  • Hi

    I want to create some pages, specifically responsive membership pages, that are compatible with both desktop and mobile devices. The requirements are as follows:

    1. The background color and text color of the page should change dynamically based on the membership level.
    2. The icon color should also change based on the membership level (can this be solved using SVG?).
    3. How can I define these membership-specific colors in the global settings while keeping them isolated from the original global color settings?

    Please refer to this mobile membership color effect for inspiration.

    https://postimg.cc/56CP3HjT

    Thank you!

  • Hi there,

    it’s not possbile without custom Javascript.

    this kind of customization is out of GP’s support scope, unfortunately.

  • Thank you for your reply.

    Could you please give me some ideas?
    Specifically, an outline of the general steps to implement this function, such as what to do first… and what to achieve next?

    Thank you very much.

  • Hi there,

    Do you already have the membership pages set up? If so, could you share them so we can review and explore if there’s a CSS approach to achieve what you want?

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.