BBPress button styling

Thanks for the prompt and helpful reply Josue!

I tried adding the code and while it worked somewhat, the buttons were not aligning quite right. To remedy this I’ve tried adding the following to the Quick CSS:

#bbp_search_submit {
    left: -2px;
    padding: 12px 22px;
    position: relative;
    top: 1px;
    width: 25%;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

It’s getting the corners correct, but the alignment is being overwritten in the theme css as follows according to firebug:

#bbp_search_submit {
    padding: 14px 22px;
    position: relative;
    top: -1px;
    width: 25%;
}
#bbp_search_submit {
    border-bottom-right-radius: 3px !important;
    border-top-right-radius: 3px !important;
    left: -2px;

padding: 12px 22px;
position: relative;
top: 1px;
width: 25%;
}

I also tried adding the css to custom.css, but it was still overwritten. Should I be modifying bbpress-mod.css?

Thanks!

• This reply was modified 10 years, 2 months ago by coat_tails.

Hi Josue,

Thanks for that – it worked beautifully. The website is very early in development at the moment so I’d probably rather not post a link publicly.

For anyone reading this and looking to do the same this screenshot shows the difference and the code is below.

#bbp_search_submit {
    padding: 12px 22px !important;
    position: relative;
    top: 1px !important;
    width: 25%;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

Thanks again.