Editing the contact module - Support | Kriesi.at

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts

February 22, 2016 at 4:54 pm #587272

Hi, I’d like to modify this contact form (the link is in the Private Content) .
I’d like to add some borders and a background as the one is linked in the private content.
Thanks fro your help

February 24, 2016 at 5:55 am #588140

Ismael

Moderator

Hi Rapsodoc!

Thank you for using Enfold.

Please add this in the Quick CSS field:

#top form {
    margin-bottom: 20px;
    border-radius: 6px;
    padding: 8px;
    position: relative;
    border: 1px #e1e1e1 solid;
    background: #D1D1D1;
    background: -moz-repeating-linear-gradient(-45deg, #000 , #000 30px, #fff 30px, #fff 40px, #42A0BD 40px, #42A0BD 70px,#fff 70px, #fff 80px);
    background: -webkit-repeating-linear-gradient(-45deg, #000 , #000 30px, #fff 30px, #fff 40px, #42A0BD 40px, #42A0BD 70px,#fff 70px, #fff 80px);
    background: -o-repeating-linear-gradient(-45deg, #000 , #000 30px, #fff 30px, #fff 40px, #42A0BD 40px, #42A0BD 70px,#fff 70px, #fff 80px);
    background: repeating-linear-gradient(-45deg, #000 , #000 30px, #fff 30px, #fff 40px, #42A0BD 40px, #42A0BD 70px,#fff 70px, #fff 80px);
}

div fieldset {
    background: #f7f7f7;
    border: 1px #E5E5E5 solid;
    border-radius: 4px;
    padding: 20px;
    margin: 0;
}

Best regards,
Ismael

February 24, 2016 at 6:52 am #588165

Rapsodoc

Participant

Ismael thanks a lot!! I have 1 question :
what if I want apply this changes to only a specific contact form?
By the way, the lower part is “fatter” then the upper once

Update

this css you provide me modified the search box. When i click on the search icon i see the same style of the contact form. Even the search page is changed!

This reply was modified 8 years, 8 months ago by Rapsodoc.

February 25, 2016 at 6:17 am #588766

Rikard

Keymaster

Hi,

Please try the following instead:

.page-id-210 form {
    margin-bottom: 20px;
    border-radius: 6px;
    padding: 8px;
    position: relative;
    border: 1px #e1e1e1 solid;
    background: #D1D1D1;
    background: -moz-repeating-linear-gradient(-45deg, #000 , #000 30px, #fff 30px, #fff 40px, #42A0BD 40px, #42A0BD 70px,#fff 70px, #fff 80px);
    background: -webkit-repeating-linear-gradient(-45deg, #000 , #000 30px, #fff 30px, #fff 40px, #42A0BD 40px, #42A0BD 70px,#fff 70px, #fff 80px);
    background: -o-repeating-linear-gradient(-45deg, #000 , #000 30px, #fff 30px, #fff 40px, #42A0BD 40px, #42A0BD 70px,#fff 70px, #fff 80px);
    background: repeating-linear-gradient(-45deg, #000 , #000 30px, #fff 30px, #fff 40px, #42A0BD 40px, #42A0BD 70px,#fff 70px, #fff 80px);
}

.page-id-210 div fieldset {
    background: #f7f7f7;
    border: 1px #E5E5E5 solid;
    border-radius: 4px;
    padding: 20px;
    margin: 0;
}

Best regards,
Rikard

Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.