Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 13, 2016 at 8:59 pm #565018
    coeval

    Hey guys,

    in my older post https://kriesi.at/support/topic/contact-form-outlines-colors/ you helped me adjust the borders/outlines of the most of the input boxes of my contact form.

    Now I added a Select Element where my clients can choose how they found my website.
    The border of this new element is again very thick & black.

    I would like to change this look, so it fits to the other form elements.
    Can you help me out with some css?

    Thanks a lot.

    January 14, 2016 at 2:20 am #565120
    Elliott

    Hey coeval!

    I viewed your link but all I see if a blank page with a black line at the top. Perhaps there is a typo?

    Best regards,
    Elliott

    January 14, 2016 at 12:49 pm #565360
    coeval

    The site is actually in maintenance mode, I think that’s why the link leads to an empty page.
    I made a screenshot for you to see the problem with the outlines/frame:
    https://www.dropbox.com/s/ozawrzc2ul5vi3x/Screenshot%202016-01-14%2011.46.04.png?dl=0

    Let me know if you need my username + password to see the real page.

    January 14, 2016 at 5:23 pm #565580
    Yigit

    Hey!

    Please try adding following code to Quick CSS as well

    #top select {
  border-color: #f0f0f0 !important;
  border-width: 1px !important;
  background-color: #f0f0f0 !important;
}

    If that does not help, we are going to need a username + password

    Best regards,
    Yigit

    June 30, 2016 at 3:55 pm #655336
    coeval

    Hey Yigit,

    thanks for your help. It worked great.

    I have 2 more questions regarding the contact forms.
    1. I used a drop down field / “select element” in my form as well. Instead of the white background (like the other elements) it has a grey background. Is it possible to change the bg color to white, so that it fits to the other elements?

    2. In this older post from last year: https://kriesi.at/support/topic/add-only-the-italic-version-of-a-google-font/
    you helped me to use the italic version of a google font for my website. I would love to add this font in the same size & color as my body text, so that the contact form matches the whole design. Would you help me again, if its possible to change it?

    Thank you very much,
    Danny

    June 30, 2016 at 4:04 pm #655344
    Yigit

    Hey Danny!

    1- I believe your website is in maintenance mode. If it is, can you please post login credentials here privately so we can make sure to provide you accurate custom CSS code? If it is not, please post the link to your page.
    2- Is font family available in Enfold theme options > General Styling > Fonts? If it is, you can choose it there and change font size there. If it is not available there, please create a temporary admin login and post it here privately.

    Best regards,
    Yigit

    • This reply was modified 8 years, 4 months ago by Yigit.
    September 23, 2016 at 3:36 pm #690838
    coeval

    Hey Yigit,

    thanks for your help. The notification went to my spam folder, so it took so long for me to answer.

    to 1: yes, the site is still in maintaince mode.
    to 2: the font family is available in the “General Styling”, but only the regular one, not the italic one which I used for my content.
    when I change the font in the “General Styling”, the font, which I like to use for my menue, changes, but the one in the contact form stays the same. So I would prefer another way to solve this problem, if there is one. ;)

    Here are all the changes I would like to make:

    1. In this older post from last year: https://kriesi.at/support/topic/add-only-the-italic-version-of-a-google-font/ you helped me to use the italic version of a google font for my website. I would love to add this font in the same size & color as my body text, so that the contact form matches the whole design.

    2. To match the new colors I would like to change color of the thin grey borders/outlines & the little arrows to: #d4848c

    3. I used a drop down field / “select element” in my form as well. Instead of the white background (like the other elements) it has a grey background. Is it possible to change the bg color to white, so that it fits to the other elements?

    4. when clicking on the “send/senden” button (hover state) turn brown. It would be amazing if I could change the color as well to #d4848c.

    September 23, 2016 at 3:48 pm #690849
    Yigit

    Hi Danny!

    Please add following code to Quick CSS 

    #top div .av-dark-form .input-text, #top div .av-dark-form input[type='text'], #top div .av-dark-form input[type='input'], #top div .av-dark-form input[type='password'], #top div .av-dark-form input[type='email'], #top div .av-dark-form input[type='number'], #top div .av-dark-form input[type='url'], #top div .av-dark-form input[type='tel'], #top div .av-dark-form input[type='search'], #top div .av-dark-form textarea, #top div .av-dark-form select, div div .av-dark-form .button,#top .avia_ajax_form .text_area {
    border-color: #d4848c!important;
    font-family: 'Arapey';
    font-size: 14px;
    font-style: italic;
}
#top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select {
    background-color: white!important;
}
#top .av-custom-form-color .button:hover {
    background-color: #d4848c!important;
}
#top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select,#top .av-custom-form-color .button {
    border-width: 1px!important;
}

    Cheers!
    Yigit

    • This reply was modified 8 years, 2 months ago by Yigit.
    September 23, 2016 at 3:56 pm #690862
    coeval

    Perfect.
    Many, many, many thanks. <3

    September 23, 2016 at 4:04 pm #690867
    Yigit

    Hey!

    Not at all Danny, glad if i could help.
    Let us know if you have any other questions or issues and enjoy your weekend!

    Best regards,
    Yigit

    September 28, 2016 at 11:51 am #692562
    coeval

    And another two font-related questions came up …

    1. on http://wedding.coeval.de/reportagen/ I used Images as links for the private galleries of my clients. I would love to change the font of the image title, which appears on mouse over, to the font which I used for my content (Arapey, italic).

    2. I would like to change the font of my menue from bold to regular, or from regular to light (I’m not sure which one is used actually).
    The font in the dropdown menue is already thinner, and I would like to use this thin/light version as well for the topics like “portfolio”, “info”, … :)

    September 28, 2016 at 1:01 pm #692571
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top #wrap_all .all_colors h3 {
    font-size: 12px;
    font-family: 'Arapey';
    font-style: italic;
}
.av-main-nav > li > a {
    font-weight: normal;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    December 15, 2016 at 8:57 pm #725006
    millertimesites

    Yigit,

    I got your code to work, but not for the border of the Select element as it has a blue border when it drops down

    Contact Its Greek To Me Restaurant – Minnesota

    #top div .av-dark-form select option {
   border-color: #C59C5F !important;
  border-width: 1px !important;
  background-color: #ffffff !important;
}

    Jon

    December 16, 2016 at 3:46 am #725140
    Yigit

    Hi,


    @millertimesites     Can you please start a new thread and let us know which browser you are using? Post screenshot showing the issue as well please. You can upload your screenshots on imgur.com or Dropbox public folder and attach the links to your thread.

    Best regards,
    Yigit

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘contact form (outlines)’ is closed to new replies.