Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 5, 2016 at 12:32 pm #608233
    Nicoletta_DUS

    Hi,

    I want to modify my contact form. The headline, background color, button color etc. Where do I find the settings or do I have to change CSS oder do I have to use a plugin?

    Regards,
    Nic

    April 5, 2016 at 1:05 pm #608248
    Vinay

    Hey Nicoletta_DUS!

    You can find most of the color settings for the general layout in Enfold > General Styling

    However you might need to add some custom CSS to change some form elements.

    please check this thread https://kriesi.at/support/topic/contact-form-7-enfold-contact-form-identical-styling/#post-568434

    If you have any questions please feel free to reach out to us with the link to your site and a screenshot or a mockup of what you want the end result to look like. upload mockup image to imgur.com and share the link here.

    Cheers!
    Vinay

    April 6, 2016 at 12:02 pm #608879
    Nicoletta_DUS

    Hi Vinnie,

    thanks! But sorry … I can’t find the settings for the form in the general styling or somewhere else. An example: I want to change the headline in the contact form and the bachground color. I know that I generally can modify certrain elements but where can I change the elements in the contact form? I cant find the place where I can modify the form. And when I modify “heading 2” it is changed for all Heading 2 in the complete theme. That’s my problem. I only want to change the heading of the form! Is it possible to create a NEW element like “heading 2 contact form” and modify the form?

    Could you please explain me concrete how to do modify the contact form? Thx.

    April 6, 2016 at 11:28 pm #609239
    Vinay

    Hi!

    Yes that is correct editing the style in theme options will make site wide change it is the expected behavior.

    If you need to make changes to only a few selected elements please enable custom css class name and you can easily target them via custom CSS.

    Turn on Custom CSS Class field for all ALB Elements

    please share the link to your site where we can inspect the element in question and help you with custom CSS.

    Regards,
    Vinay

    April 6, 2016 at 11:47 pm #609241
    Nicoletta_DUS

    Thanks! But where do I have to place this in the function.php?
    add_theme_support(‘avia_template_builder_custom_css’);

    And where (in the options) can I specify that the links in the whole theme, so that they are not intended to be underlined?

    What about modifying the contact form? Do I have to use a plugin (contact form 7) or is it possible to modify the normal contact form (change the headline and background color). I still don’t know where to find the settings for the form.

    Regards,
    Nic

    April 9, 2016 at 11:54 am #610552
    Günter

    Hi!

    Thank you for coming back.

    To remove the underline:

    In custom.css or Enfold -> General Styling -> Quick CSS field (or when using a child theme: in styles.css of the child theme or Enfold-Child -> General Styling -> Quick CSS field) put the following and adjust the values as needed:

    
a:hover{
text-decoration: none !important
}

    Contact Form: there is no explicit option to change the styling. You have to use CSS.

    Regards,
    Günter

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