Centering a Select Drop Down

[Anonymous]

The drop down I am trying to center is part of BadgeOS nomination form. I was able to center everything, but the select box. Obviously it would be nice if it too were centered. I contacted BadgeOS and they say my custom.css works for the twenty-fifteen theme and I must have something with a higher specificity affecting my select inputs. This led me to think perhaps it is Boss related. I can pm login credentials if necessary.

[Alyssa]

@ryanmaler did our solution from April not work? Previous fix for reference:

.badgeos-submission-form legend {
text-align: center;
width: 100%;
}

But perhaps you can adapt for the nomination form.

[Anonymous]

It is a very similar solution. This works for everything, but the select drop down:

/*centers p elements of badgeos nomination forms*/
.badgeos-nomination-form p {
     text-align: center;
}
/*centers "Nomination Form"*/
.badgeos-nomination-form legend {
     text-align: center;
     width: 100%;
}	
/*adjusts badgeos nomination form label*/
.badgeos-nomination-form label {
    clear: both;
    display: block;
    text-align: center;
}

However, it works for everything including the select drop down in the 2015 theme. The select drop down is within a <p> so from my knowledge it should center based on the top portion of the code, but it isn’t in Boss.

[Alyssa]

@ryanmaler can you PM me new login creds and a link to the page in question?

[Anonymous]

@tjchester I have been doing some functionality testing with this badgeos feature and the more I work with this specific feature the more I realize I would be better off going with an additional plugin to do what I am after, which is a contest where users can vote for one another. Since I highly doubt I will return to this feature to save you some time and energy you can close this topic out. Thanks… Ryan

[Alyssa]

ok, sounds good.