Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 29, 2013 at 9:59 pm #26908
    5fold

    Hi,

    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.

    Thanks.

    July 30, 2013 at 5:48 am #132075
    Ismael

    Hi,

    First, edit functions.php, add this code: 

    add_theme_support('avia_template_builder_custom_css');

    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);
    
}

    Regards,

    Ismael

    July 30, 2013 at 6:52 pm #132076
    5fold

    What about if I already have a child theme setup? http://oinsulation.wpengine.com/
    (hosted on WPengine) />

    July 30, 2013 at 7:12 pm #132077
    5fold

    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.

    http://oinsulation.wpengine.com/a-test-page
    (hosted on WPengine) />

    July 31, 2013 at 5:54 am #132078
    Ismael

    Hi,

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

    Regards,

    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Add transparent background behind text box’ is closed to new replies.