Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #361171

    I am trying to figure out the quick CSS code for a Shaded Transparent Background for the Content Form and the Special Heading element.

    I use this code for the Text Boxes:
    .shadedbox.avia_textblock { background-color: rgba(0,0,0,0.6); padding: 10px; }

    Is there something like this I can use for the Contact Form and Special Heading Form?

    Screenshot

    I am using an image in the color section element with the contact form and special heading so I need the background of the contact form and special heading to have a shaded transparent background so it can be read.

    Thanks.

    #362512

    Hi Micheal0424!

    this would be out of our support scope. Please refer to http://werkpress.com/ or http://www.envato.com/

    Cheers!
    Andy

    #362734

    I have been struggling with this for days trying to figure it out (doing a lot of Google searches) and then a work around came to me. I am posting the solution here just in case somebody else looks this up because they want a sign up option in the header area.

    First add this to your functions.php:
    add_theme_support(‘avia_template_builder_custom_css’);

    Then add this to your Quick CSS:
    .shadedbox.avia_textblock { background-color: rgba(0,0,0,0.6); padding: 10px; }

    Then add this to your text box in the ‘Custom Css Class’ where you can add a contact form using Jetpack:
    shadedbox

    Change your font to white and you are all set.

    Hope this helps somebody, best of luck!!

    Source to help:

    • This reply was modified 9 years, 11 months ago by Micheal0424.
    #362906

    Hi!

    Thank you for sharing your solution!

    Cheers!
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Shaded Transparent Background for Contact Form & Special Heading’ is closed to new replies.