Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 8, 2018 at 11:00 pm #894950
    mcraig77

    Hello,

    I’m having some trouble with the boarder color of the comment boarder area. I tried using the inspector tool and quick css but I was unable to get the color to change… I was able to solve other issues with this message and tried searching the forum but couldn’t figure this out.

    Here is the code I added

    .comment {
    border-style: solid;
    border-color: #000000;
}

    I also tried without any luck. 

    #comment {
    border-color: #000000;
}
    January 8, 2018 at 11:56 pm #894966
    Yigit

    Hey,

    Would you like to remove the box shadow that is displayed on focus? If so, please use following code instead

    #top textarea:focus {
    box-shadow: none;
}

    Otherwise, i am not seeing any borders in your comment section.

    Cheers!
    Yigit

    January 8, 2018 at 11:59 pm #894971
    mcraig77

    Ahoy Yigit,

    The problem is that the comment section doesn’t have a boarder on or off focus… I want it to have boarder. I was trying to give it one with that code but it didn’t seem to work. I see in the general styling I can add a boarder but it also adds a boarder to the social icons which I didn’t really like.

    January 9, 2018 at 8:37 pm #895361
    Yigit

    Hey,

    Please use following code 

    #top .main_color .comment-entry .input-text, #top .main_color .comment-entry input[type='text'], #top .main_color .comment-entry input[type='input'], #top .main_color .comment-entry input[type='password'], #top .main_color .comment-entry input[type='email'], #top .main_color .comment-entry input[type='number'], #top .main_color .comment-entry input[type='url'], #top .main_color .comment-entry input[type='tel'], #top .main_color .comment-entry input[type='search'], #top .main_color .comment-entry textarea, #top .main_color .comment-entry select {
    border-color: #e2e2e2;
}

    Cheers!
    Yigit

    January 9, 2018 at 9:27 pm #895371
    mcraig77

    Thanks! How did you find that element? I tried using inspector but don’t see that anywhere?

    January 9, 2018 at 9:38 pm #895377
    Yigit

    Hi!

    As you can see in this screenshot – https://i.imgur.com/FmCs0nT.png, comment inputs inherit “main_color” class. I added “comment-entry” class (slightly highlighted on the left side) and since it makes selector more specific, it overrides inheriting “main_color”.

    You are welcome! Let us know if you have any other questions or issues.

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Comment Border color’ is closed to new replies.