I am using a widget to display our church sermons. There are dropdown boxes at the top for filtering purposes. Those boxes are not rendering as expected. They are blank rather than showing “Browse Series”, “Browse Speaker”, and “Browse Topics”. Please refer to: http://www.gatewaychurchtest.net/sandbox0/sermon-videos/
Those same boxes render properly with other themes and other sites. What CSS code can I add to Enfold to make the boxes preloaded with the expected prompts rather than blanks?
Thank you for your help.
Hey jjranson!
Please add following code to Quick CSS in Enfold theme options
#seriesengine .enmse-selector select { height: 40px; }
Best regards,
Yigit
You are a genius. Thanks. Another question. I have to click the drop arrow two times for the options to be visible. How can I change the behavior so that the user only has to click one time to get the options?
Hello!
Please add this code as well
.page-id-3510 #top select { margin-bottom: 0; }
That should do it
Best regards,
Yigit
so the total css code is:
#seriesengine .enmse-selector select { height: 40px;
.page-id-3510 #top select { margin-bottom: 0; }
Is this correct?
Also, code you suggest works fine with IE and Firefox. However, the combo boxes are unaffected with Chrome and seem narrower than with the other two browsers.
Hi!
Can you create a temporary admin login and post it here? Make sure to check “Set as private reply (Only you and moderators will see the content of this post)” above Submit button
Cheers!
Yigit
Hi!
I added some codes in Quick CSS and it worked fine on my end on Chrome, Firefox and IE. Please you do check as well
Best regards,
Yigit
That’s perfect. Thank you very much.