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 to adjust the order betwen overlay color and heading tex

  • hi
    how are you

    pls check https://prnt.sc/KVZ-f-48_kza

    i have added the background image to carousel item

    at the same time, added the overlay color to container with text,

    i mean, i want to added overlay color to background image, but all text dont have overlay color and keep the original white color for the all heading text and button text, which is the same with the text on the first and second one

    now how to fix that to achieve that,

    pls help to fix thant

    thanks

  • Hi there,

    Not sure I understand your meaning, it looks like it already does what you wanted.

    Let me know if I miss anything. Feel free to explain it in Chinese if it’s easier.

  • hi Ying, thanks for your reply

    hi @ George

    would u like to help me explain my questions?

    Thanks

  • Hi there,

    When you add an overlay color to a container, it shouldn’t affect the text. From what I can see, you’ve already applied the overlay color to the container and it’s behaving correctly.

    Is there another area where you’re trying to apply this and it’s not behaving the same way?

  • https://prnt.sc/0Z7izOL4Nvhl
    pls check this screenshot

    i just only want to add overlay color to this background image, don’t want the heading text and button be overlayed in the red box

  • Do you mean to create something like this?

    https://cln.sh/Pt8Sd2Hc9Bsc5zqqg4d0

  • It is not what I want above.

    i think it is easy to understand that.

    pls follow me,

    1. https://www.iihuan.online/wp-content/uploads/2026/01/1920×600-产品缩小一点点点点点.jpg
    check this photo, This is a picture with a white background.

    2. https://prnt.sc/Erwd5Eh3tCp3
    now two heading tex and button are white also,

    3. I have added the above background image to carousel item container, then i will not see the heading text.

    4. i will have to add another overlay color to this carousel item container like this https://prnt.sc/_WdL9sJdCX2j, then user can see the heading texts.

    now my question is :
    I just want this overlay color to be applied to the background image, and not to the two heading text and button.

    How to change setting?

  • Okay, so you want the overlay color to be darker like on the first and second slides, right?

    If so, check out this screencast: https://cln.sh/mrs2Q00Y3h7bF1qdsgVl

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