Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1446712

    Hi, I have this code in my custom css

    .avia_textblock p img {
      border-radius: 100%;
      box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 4px 4px;
    }
     

    It works great with a dark background, which was the purpose.

    Now I would need the code for another text block with a light background. The box shadow should be dark.
    Is this possible?

    Best regards

    #1446747

    Hey northorie,

    If you need different CSS for different blocks, then you might want to give your blocks classes which you can add in the Advanced tab in the element options. For example:

    .text-block-dark-background p img {
      box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 4px 4px;
    }
    
    .text-block-light-background p img {
      box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 4px 4px;
    }

    Best regards,
    Rikard

    #1446752

    It didn’t work. I only had a square picture.

    #1446789

    Hi,

    Thank you for the update.

    Did you apply the text-block-dark-background or the text-block-light-background class name in the Advanced > Developer Settings > Custom CSS Class field? Please check the documentation below for more info:

    // https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

    Best regards,
    Ismael

    #1446790

    Hi,

    Thank you for the update.

    Did you apply the text-block-dark-background or the text-block-light-background class name in the Advanced > Developer Settings > Custom CSS Class field? Please check the documentation below for more info:

    // https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

    Best regards,
    Ismael

    #1446950

    I managed it on another way. Topic can be closed, thank you

    #1446970

    Hi,

    Thanks for the update. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘2 different codes for separate texblocks’ is closed to new replies.