CSS code conflict

Hey there,

So I took inspiration from the Enfold Gym demo theme and put <strong></strong> on all punctuations to have them bolded and colored.

However, ever since I made this CSS code the punctuations remain bolded but are not colored anymore:

#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
    -webkit-appearance: none;
    padding: 8px 6px;
    outline: none;
    font: 14px "HelveticaNeue", "Helvetica Neue", Helvetica;
    font-weight: 500;
    color: #919191;
    margin: 0;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 0px;

I tried to tweak it a little but I can’t find where the conflict happens.

The code is supposed to only change the aspects of the font on my contact form.

Also, when I remove the code this happens: https://prnt.sc/xjxwy5 (the grid row image on the right is uneven at the bottom)

I wish I could give you access to the website but since I’m working on localhost…

I know it’s hard to give advice without having access to the website so I’m grateful for any kind of help! :)

• This topic was modified 3 years, 11 months ago by DeMamp.