-
AuthorPosts
-
January 13, 2016 at 8:59 pm #565018
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 #565120Hey 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,
ElliottJanuary 14, 2016 at 12:49 pm #565360The 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=0Let me know if you need my username + password to see the real page.
January 14, 2016 at 5:23 pm #565580Hey!
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,
YigitJune 30, 2016 at 3:55 pm #655336Hey 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,
DannyJune 30, 2016 at 4:04 pm #655344Hey 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, 5 months ago by Yigit.
September 23, 2016 at 3:36 pm #690838Hey 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 #690849Hi 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, 3 months ago by Yigit.
September 23, 2016 at 3:56 pm #690862Perfect.
Many, many, many thanks. <3September 23, 2016 at 4:04 pm #690867Hey!
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,
YigitSeptember 28, 2016 at 11:51 am #692562And 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 #692571Hi,
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,
YigitDecember 15, 2016 at 8:57 pm #725006Yigit,
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
#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 #725140Hi,
@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 -
AuthorPosts
- The topic ‘contact form (outlines)’ is closed to new replies.