Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 29, 2023 at 1:44 pm #1402909
    Monika

    Hey There

    I would like to use just a 4px Bottom Border in the contact field.
    But as soon as i ad the Thickness of the Border, the Border disappears .
    I use this code:

    `#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 {
    border-style: none;
    border-bottom: solid;
    border-color: black;
    }

    March 29, 2023 at 3:16 pm #1402922
    Yigit

    Hey,

    It looks like you figured it out with the following code

    
#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 {
  color: #222;
  border-color: #222;
  border-width: 2px !important;
  background-color: transparent;
}

    I attached a screenshot in the private content field. If you’re still having the issue, please post a screenshot and show the changes you’d like to make.

    Cheers!
    Yigit

    March 29, 2023 at 3:23 pm #1402924
    Monika

    Hey Yigit,

    thank you!
    Sadly this css code does not make the lines bigger.
    They are still too thin.
    I would like to make the underline 4px.

    Is there and other possibility?

    Thank you!
    Monika

    March 29, 2023 at 3:25 pm #1402925
    Monika

    Ps: User

    March 29, 2023 at 3:25 pm #1402926
    Yigit

    Hi Monika,

    Please edit the following code and change the “border-width” to “4px !important;”

    
#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 {
  color: #222;
  border-color: #222;
  border-width: 2px !important;
  background-color: transparent;
}

    If this doesn’t work, please create temporary admin logins and post them here privately so we can look into it.

    Best regards,
    Yigit

    March 29, 2023 at 3:27 pm #1402928
    Monika

    Hey Yigit, I just send it here a post ago :)
    Sadly this new Code still dont work.
    Thank you!
    Monika

    March 29, 2023 at 3:29 pm #1402929
    Yigit

    Hey Monika,

    I added the following code to the style.css file of your child theme in Appearance > Editor

    
#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 {
	border-width: 4px !important;
}

    Please review your website :)

    Best regards,
    Yigit

    April 29, 2023 at 4:08 pm #1405999
    Monika

    Great! Thank you!

    April 29, 2023 at 5:48 pm #1406009
    Mike

    Hi,
    Glad Yigit could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Contact field: change Bottom Border’ is closed to new replies.