Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 17, 2024 at 5:29 pm #1467219
    Monika

    Hey There,

    when i change fields to just show the bottom border I always see a peak at the end, its not a hard ending. See Screenshot attached.
    How can I change the css to improve the look?

    /*kontaktformular linien */
#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
    background-color: transparent;
    border: 2px solid transparent; 
    border-bottom-color: #434b5b;
    border-top-color: transparent;
    border-radius: 0;
    position: relative;
}

    Thank you
    Cheers
    Monika

    September 17, 2024 at 8:08 pm #1467228
    Rikard

    Hey Monika,

    Try to replace this:

    
    border: 2px solid transparent; 
    border-bottom-color: #434b5b;
    border-top-color: transparent;

    With this:

    
border-bottom: 2px solid #434b5b;

    Best regards,
    Rikard

    September 18, 2024 at 12:58 pm #1467307
    Monika

    Thank you Rikard,

    sadly this does not work. The Peak is still there and now there is also die default hairline outline left right and top visible.
    But when i “delete” these lines, then the peak goes away!
    New Code:

    background-color: transparent;
border-bottom: 2px solid #434b5b;
border-left:none;
border-right:none;
Border-top:none;
border-radius: 0;
position: relative;

    thank you!

    September 18, 2024 at 3:03 pm #1467322
    Rikard

    Hi,

    Great, I’m glad that you found a solution. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

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