Reply To: Enfold Theme Issues

07/13/2016 at 10:31 am #382659
Steven Zahm
Keymaster

@ Lane

re: Strange it looks like a browser bug? Seems ok in Firefox but, in Chrome and Safari it shows up..

Interesting, when I visited yesterday, I did so using Chrome and did not see it. Today in Chrome I still do not see it. So I tried IE 11 and Firefox. I do not see it in those browsers either.

Looking thru the page source I see another area where the theme seems to be stomping on the styles for the drop down.

Try adding the following to the theme’s custom CSS area:

#cn-list .chosen-container-single .chosen-search input[type=text] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: #fff url(chosen-sprite.png) no-repeat 100% -20px;
    background: url(chosen-sprite.png) no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

Not sure if that will fix it for you or not but I think it is worth a try.

Also, I would suggest reaching out to the Enfold support team. They add an id to the <body> tag of top then they style items such as selects using that ID as a selector. Doing so makes it more difficult (than it has to be) to apply styles which override it. It would beneficial for them to remove that ID and apply their CSS selectors to the classes instead of those elements instead. The way it is now, their CSS will override lots of plugins making them not not look correct causes little display issues like these. My only option to address this would to be to include a lot more CSS (roughly 500 lines) needlessly.

Hope that helps, let me know.