Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 21, 2018 at 8:52 pm #930840
    AdDesign

    Hi Guys,

    I would like to edge a textarea with a border with a shadow.

    Do you have any advises how I can do that?

    Thanks,

    Cheers, Alex

    March 21, 2018 at 9:12 pm #930853
    Jordan Shannon

    Hey AdDesign,

    Please provide a link to your site so we can look into this issue further.

    Best regards,
    Jordan Shannon

    March 21, 2018 at 10:41 pm #930921
    AdDesign

    Hey Jordan,

    thanks for replieg that fast!
    In Privat Content you can see the Link to a Testpage.
    Here I would like to have a border and shadow around the text and image (like in the imageexample in private content).

    Example what it should look like is also in the private Content field.

    Thanks a lot!
    Best regards,
    Alex

    March 21, 2018 at 10:57 pm #930925
    Jordan Shannon

    Hi,

    Add this to quick css. It’s based off the test page you pasted above.

    .avia_textblock{
    border: 1px solid #ccc;
    box-shadow: 0 4px 2px -2px gray;
}

    Best regards,
    Jordan Shannon

    March 22, 2018 at 6:29 pm #931533
    AdDesign

    Hi Jordan,

    thanks for your answer. Unfortunately the provided CSS works not 100%. The shadow just shows on the buttom.
    I would like to have it around the Textblock like in the example image.

    The second thing is, that the text stands right next to the block line. How can i fix this padding issue?

    Thanks again!

    Cheers, Alex

    March 22, 2018 at 6:42 pm #931551
    Jordan Shannon

    Hi,

    Please refer to the following for further info on getting the exact shadow type you need:

    box-shadow

    Also, you would want to add padding to the text-section itself:

    https://www.w3schools.com/Css/css_padding.asp

    Best regards,
    Jordan Shannon

    March 22, 2018 at 7:21 pm #931575
    AdDesign

    Hi Jordan,

    thanks for your advises and the links to the css sites! Now i got the effects I was looking for.
    But please allow one more question:

    The Textblockshadow apears now in every textblock / textfield. May you have a suggestion for me, so I can use the shadoweffect only for individual textblocks?

    Best regards, Alex

    March 22, 2018 at 8:12 pm #931590
    Jordan Shannon

    Hi,

    Great! For that you would need to add a class to the text block itself. Please refer to this article:

    Turn on Custom CSS Class field for all ALB Elements

    Best regards,
    Jordan Shannon

    March 22, 2018 at 8:51 pm #931624
    AdDesign

    Thats it – thank you very much! Great support!

    March 22, 2018 at 9:11 pm #931639
    Jordan Shannon

    Hi,

    No problem at all my friend. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Border with shadow around texarea’ is closed to new replies.