Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 6, 2015 at 2:11 am #406776
    svreatt

    Is there a way to customize the look of the contact form. I want to put a semi transparent black background around the form to make it stand out.

    March 6, 2015 at 2:26 am #406782
    norrisd

    You might be able to drop a color section from the advance layout editor and select a color. And then drop your form onto that.

    March 6, 2015 at 4:23 pm #407059
    Yigit

    Hi!

    Please refer to @norrisd’s post above. If that does not help, please post a screenshot showing the changes you would like to make and a link to your website

    @norrisd     Thanks :)

    Cheers!
    Yigit

    March 6, 2015 at 4:48 pm #407079
    svreatt

    Thanks, this is what I’m trying to do. Here is the page that has a form that I would like to have the same look as

    http://academicaddiction.com/#

    Here is the page I’m working on.

    http://theaddictionsacademy.com/wp/

    Thanks,

    Steve

    March 6, 2015 at 4:51 pm #407081
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .home #av_section_1 .avia-builder-el-3 {
  background-color: rgba(0,0,0,0.5);
  padding: 10px;
  border-radius: 5px;
}

    and add custom background image to your color section

    Cheers!
    Yigit

    March 6, 2015 at 4:57 pm #407089
    svreatt

    Thanks, perfect! Can I use it on more then one page?

    March 6, 2015 at 4:59 pm #407090
    Yigit

    Hey!

    Yes, you can give your Color Section element a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then add your contact form inside a 1/3 column element (like current example) and use the code as following 

    #your-custom-id .av_one_third { background-color: #e2e2e2; padding: 10px; border-radius: 5px; }

    Regards,
    Yigit

    March 6, 2015 at 5:03 pm #407093
    svreatt

    Thanks!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Contact forms’ is closed to new replies.