how can I change the color of icons and contact-form??

Posted in : uCard
sischoe
Participant
14 November 2018 at 12:28
#56742

Please let me know, how I can change the color of icons and the outlines of the contact form.
I’m not familiar with coding, so it would be nice, to give me the code an let me know, what I have to write in the “Text”-Field and in – if needed – in the Custom CSS-Field.

Thanks a lot and greetings from germany
Silke
serkan
Moderator
15 November 2018 at 14:59
#56747
Hi,
You can use these custom css codes, but don’t forget to add the new colors instead of hashtag;
```
.page-bottom .fun-fact i { color: # ; }
.page-bottom input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]), .page-bottom textarea, .page-bottom select { border-color: #; }
.page-bottom textarea:focus, .page-bottom select:focus { border-color: #; }
.page-bottom input[type=submit] { color: #;  border-color: #; }
.page-bottom input[type=submit]:hover { background: #;  border-color: #; color: #; }
```
Thanks
sischoe
Participant
15 November 2018 at 15:44
#56751

… thanks, that worked almost well.

What is still not changed or could be changed with the code you sent me is the hover border color of the frames for “name” and “eMail” in the contact form.
What code do I have to add?

And – what code I do need to change the background-color of the complete contact-box?

Thanks for your help.
serkan
Moderator
20 November 2018 at 14:10
#56790
Hi,
Sorry for the late reply. You can add these custom css codes as well;
```
.page-bottom input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]):focus, .page-bottom textarea:focus, .page-bottom select:focus { border-color: #; }
```
```
.page-bottom .row > div:nth-child(even) { background: #333224; }
```
Thanks
sischoe
Participant
20 November 2018 at 14:20
#56792

worked perfect – thanks a lot!

serkan
Moderator
20 November 2018 at 15:57
#56807

You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

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

You must be logged in and have valid license to reply to this topic.

License required for the following item

uCard - vCard & Resume WordPress Theme

by pixelwars