[xcentric]

You are correct. Removing the rule restored the dropdown control icons; but also lost the border radius on Safari. We can live with that while we try and find a solution though. Thanks so much for the responsive and comprehensive help Ernest.

[xcentric]

Thank you Ernest. This CSS addressed the alignment and the rounded corners; however, it eliminated the drop-down icon on Safari Mac and Chrome Windows. Please see attached screenshot. Thoughts?

[xcentric]

Thank you so much Ernest. This was extremely helpful. We are almost there. We are seeing some issues with the drop down styling in Safari Mac and Firefox Windows. Please see attached screenshots.

Here is the CSS I’m using:

[code]
div.wpdreams_asp_sc.wpdreams_asp_sc-11 form select {
font: arial !important;
font-weight: bold;
color: #fff !important;
background: #3884A9 !important;
width: 100%;
height: 48px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px !important;
//border: 3px solid #3884A9 !important;
}
[/code]

Thoughts?

Thanks!

[xcentric]

You are welcome Ernesto — I’m happy to praise someone who works as hard as you do to deliver with excellence. Thank you for the excellent product, service and inspiration!

Your suggestion corrected the drop down vertical centering issue. Thank you.

I’m looking forward to additional guidance on styling these drop-downs to match the design (drop-down width, border color, background color, border radius, text color for drop-down options, etc.), and placement of title and description container beneath the featured image if possible when you are ready to share them.

I’m also having some issues retrieving values in custom some fields; but I will open a separate ticket for these items.

Standing by …

Thanks!

[xcentric]

Re-uploading screenshot.

[xcentric]

There was a file upload error – attaching screenshot and design comp.

NOTE: FTP access requires sFTP protocol with port 2222.

Thanks!

[Author]

Posts