Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 7, 2017 at 7:59 pm #805249
    Matt

    Hello
    I am trying to create a smaller contact form with a semi transparent background. I have an example page in private content to show the look I am going for.

    The page I am trying to build it on is also in private content.

    Is this something that can be built with Quick CSS?

    Thanks!

    June 7, 2017 at 11:52 pm #805381
    Jordan Shannon

    Hey web6s,

    Add the following to quick css to achieve a similar effect.

    .avia-builder-el-3{
border:none!important;
background:rgba(21,24,30,.7);
padding:10px;
}

.avia-builder-el-3 fieldset input{
background:rgba(176, 176, 176, 0.6)!important;
}

.avia-builder-el-3 fieldset input.button{
border:none!important;
background:red!important;
}

    Best regards,
    Jordan Shannon

    June 12, 2017 at 11:57 pm #807156
    Matt

    Thanks Jordan. It looks great!

    Any way I can tighten up the spacing so that the form is smaller (shorter)? Maybe even have the field labels shown as placeholders only to help shorten it up?

    June 13, 2017 at 12:21 am #807168
    Jordan Shannon

    Hi,

    Our default contact form does not allow for placeholder text but this can be achieved by using something such as Contact Form 7.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.