Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #314373

    Hi,

    I’m using BBPress for a forum on my website and noticed that the buttons in the sidebar and the search button at the top of the forums does not seem to match the button style that enfold uses for the rest of the website. The buttons seem a little larger than their related input elements and do not have rounded edges. Is it possible to make these buttons match the rest of the theme?

    Screenshot below:
    screenshot

    Thanks.

    #314598

    Hey!

    Try adding this code to the Quick CSS:

    [class*='bbpress'] .button {
        border-radius: 3px !important;
    }

    Cheers! 
    Josue

    #314682

    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 9 years, 6 months ago by coat_tails.
    #314738

    Hey!

    Try using !important, can you post a link to your website?

    Best regards,
    Josue

    #314887

    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.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘BBPress button styling’ is closed to new replies.