Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #26908


    Is there anyway to add a transparent background behind a text box?

    I have a color section with a background image and two 1/2 column layouts. The second 1/2 column has a text box with a form. I need the text and form to stand out on top of the image and i’m not sure what to do.




    First, edit functions.php, add this code:


    This will allow you to add unique css selector for avia elements. Edit the text block within the 1/2 column with a form then add a unique css id, for example “form-textblock’. Use the unique css selector to add a transparent background.

    .form-textblock {
    background: rgba(0,0,0,.5);




    What about if I already have a child theme setup?


    Got it to work on the child theme.

    How can I format it to look better with padding and a rounded edge. Right now it’s too close to the content.



    Your site is on maintenance mode. We need to inspect the site. Try to add css padding or margins.



Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Add transparent background behind text box’ is closed to new replies.