Search button styling issue

  • Resolved lepalose

    (@lepalose)


    6 years, 11 months ago

    Hi Robin, thanks for the good work.

    I recognized a small CSS issue with the “Search Styling” which affects the search button on the main forum page.

    It would continue to take on the “#bbpress-forums .button” selector for the color of the text.

    As a result, the button color is being defined under “Topic/Reply Form” and “4. Button” instead. That is a semi-work around to the problem.

    Additionally, I cannot get the custom css in the plugin to change this color value by using the more specific “#bbp_search_submit” selector or variations of this selector. Is this a precedence issue in the css?

    Anyway, I am not sure if this affects only myself, and it is only a very minor problem with no urgency needed.

    Cheers,
    Lep

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Robin W

    (@robin-w)

    Thanks for letting me know – I’ll add it to the list to look at.

    Plugin Author Robin W

    (@robin-w)

    I can’t replicate this immediately.

    It may be your site – is it public, and if so can you give me a link

    Thread Starter lepalose

    (@lepalose)

    Hey Robin,

    Thanks for reviewing the topic. You can check out the button with the current work-around on styling at: https://mercgg.com/forums

    If you have any other questions, please let me know.

    Plugin Author Robin W

    (@robin-w)

    ok, I’d need to see it without the workaround to see what is taking preference

    Thread Starter lepalose

    (@lepalose)

    Alright, go ahead and have a look.

    What I have done to show the issue:

    WP Dashboard > Settings > bbp Style Pack — “Search Styling”

    Option 4. Search Box text
    Color: #1fe035 (bright green just for debug purposes)

    If you check the site, this does not even show up on the computed css, which I cannot seem to debug why this is the case.

    Plugin Author Robin W

    (@robin-w)

    Thanks for that – very interesting – yes the browser does seem to be ignoring the setting in computed css, but it is in the bsptyle.css on line 688 – very strange.

    I have done testing on my test site and it all works as expected.

    I suspect that the input[type=”submit”] in your style.css on line 10959 may be taking preference as a descriptor, so the browser is not showing the broader #bbp_search_submit

    Try adding input[type=”submit”] into the custom css.
    Regards

    Robin

    Thread Starter lepalose

    (@lepalose)

    Hi Robin, sorry for the delay.

    I added the suggested input[type=”submit’] to the bbp Style Pack Custom CSS with no luck. Looking at the computed bspstyle.css?ver=3.8.9, the color is still being set by the ‘button background’ on line 323.

    Just for clarity, here is my current custom selector as on line 814 of bspstyle.css?ver=3.8.9:

    #bbp_search_submit .button input[type="submit"]{
				color: #42f1f4 !important;
}

    I am confused about how this more specific selector is still not actually taking precedence.

    Plugin Author Robin W

    (@robin-w)

    so am I !

    Not sure I can help further

    Thread Starter lepalose

    (@lepalose)

    No problem, thanks for your help though!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Search button styling issue’ is closed to new replies.