[bakParticipant]

This reply has been marked as private.

[bakParticipant]

This reply has been marked as private.

[JadeModerator]

Hi there,

#1 To reuse the form, you can simply follow the exact format of the current styled form and add the additional fields if you require them. The format should include the ID names and the class names of the elements in the form.

#2 Contact Form 7 automatically adds a <br> element if you have added a line break in the form code. I have set the first field of the email form as en example to get rid of the line break.

#3 To add the gradient, first you have to determine the CSS selector of the element you want to add the gradient to. For example it is the ID form-1, then the CSS should be:

#form-1 {
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #1e5799 0%, #207cca 40%, #207cca 40%, #2989d8 49%, #7db9e8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #1e5799 0%,#207cca 40%,#207cca 40%,#2989d8 49%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #1e5799 0%,#207cca 40%,#207cca 40%,#2989d8 49%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#4 I have removed the menu item.

[bakParticipant]

This reply has been marked as private.

[ZeshanMember]

The gradient is added via this CSS code in your style.css file: http://prntscr.com/9m8va1. If you don’t need it, you can remove the CSS. Further customizations from here is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer.

[Author]

Posts