Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • April 22, 2016 at 12:28 am #619441
    Nicoletta_DUS

    Hi!
    I would like to change the color of the headline and the “required field-stars”, and the button in the contact form and change the type of headline. How can I make these changes – in CSS? Thank you for input.

    Regards,
    Nic

    April 23, 2016 at 7:37 am #620385
    Rikard

    Hi Nicoletta_DUS,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Cheers!
    Rikard

    April 23, 2016 at 3:33 pm #620548
    Nicoletta_DUS

    Thx. You find the link and login in the private content. …

    Regards,
    Nic

    April 25, 2016 at 5:16 am #620975
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .page-id-32 label {
color: red;
}

.page-id-32 label .required {
color: yellow;
}

    Regards,
    Rikard

    April 25, 2016 at 12:43 pm #621218
    Nicoletta_DUS

    thx! are these 2 alternatives?
    regards,
    nic

    April 25, 2016 at 12:50 pm #621226
    Yigit

    Hi!

    First code changes the color of label and second one changes the color of asterix

    Best regards,
    Yigit

    April 25, 2016 at 1:25 pm #621271
    Nicoletta_DUS

    Thank you.

    April 26, 2016 at 3:29 pm #622231
    Nicoletta_DUS

    Thank you that works!
    1) Could you also be so kind and give me an CSS-code to change the distance between Headline and first row of the form (should be a bit more distance) and make the headline in uppercase.
    2) I have integrated a second form on the website and want to modify it (other colors). The code in the quick css has no effect on this second form. Is it possible to use an individual css code for the second form to insert it in the field “custom CSS class for the element”?
    3) What code do I have to insert in the field “custom CSS class for the element” when I want to change the button-color of the form.

    Many thanks in advance for solutions!

    April 26, 2016 at 3:44 pm #622245
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .page-id-32 fieldset h3 {
    margin-bottom: 30px;
    text-transform: uppercase;
}
.page-id-32 .avia_ajax_form .button {
    color: red!important;
    background: orange!important;
    border-color: blue!important;
}

    Regarding your second question, you can use either custom CSS field or page ID to target your second contact form.

    Cheers!
    Yigit

    April 26, 2016 at 4:13 pm #622269
    Nicoletta_DUS

    Thank you so much! That works!

    1)I don’t know, what I have to insert in the custom CSS field because I don’t know very much about css. :-( I there also a code I could insert in this field?
    2) Could you also offer me a code to custome the akkordeon (color, backgroundcolor etc.)? That would be great!

    Regards,
    Nic

    April 29, 2016 at 11:58 am #624291
    Yigit

    Hi,

    1- Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ if you have not already. Then you can use the code as following

    .your-custom-class fieldset h3 {
    margin-bottom: 30px;
    text-transform: uppercase;
}
.your-custom-class .avia_ajax_form .button {
    color: red!important;
    background: orange!important;
    border-color: blue!important;
}

    2- Please elaborate on the changes you would like to make and post the link to your website. You can use following code to make those changes

    p.toggler {
    color: orange!important;
    background: green!important;
}

    Best regards,
    Yigit

    April 29, 2016 at 12:25 pm #624320
    Nicoletta_DUS

    Thanks!!!
    Custom CSS field for ALB elements are already turned on. When I want to change the toggler-color, what do I exactly have to insert in the Quick-CSS? Which class? It would be very kind if you could have a look for the code for the element (in the private content). Thx a lot!

    Best regards,
    Nic

    April 29, 2016 at 1:48 pm #624409
    Yigit

    Hi!

    You can simply edit your element, give it a custom class and then add following code to Quick CSS

    .your-custom-class p.toggler {
    color: orange!important;
    background: green!important;
}

    If that does not help, please post the link to your page and elaborate on the changes you would like to make

    Best regards,
    Yigit

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