Either some CSS help or a Feature request…?

  • Just starting to use this, and like what it does… I have been trying to do some styling and can’t seem to find anyway to get to the input field or search button, would like to get to both… Tried every combination my limited brain could figure out in Firefox inspector, and cannot find any CSS in the plugin’s directory I can grab into my child theme…

    Hoping you might help, either add some selectors in a “feature” update, or tell me how to otherwise get there…?

    • This topic was modified 5 years, 12 months ago by crzyhrse.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter crzyhrse

    (@crzyhrse)

    I was thinking this selector would affect other search input areas and was staying away from it, but it doesn’t, and I have been able to do this so far… The only thing left I’d like to do is chance the colors of the submit button on hover, and I’ve not been able to figure that out…

    #searchform input {
    font-size: 14px;
	height: 30px;
	border-radius: 5px;
}
#searchform input[type="text"] {
	width: 50%
}
#searchform  input[type="submit"] {
	color: #ffffff;
	background-color: #8f8a9e;
	height: 34px;
	margin-left: -8px;
}
    Thread Starter crzyhrse

    (@crzyhrse)

    Turns out it was affecting other search forms on site, had to assigned a class to this widget to narrow it down.. I’m using a plugin that adds the ability to assign selectors to Widgets…

    Here is modified code in case it is helpful to others… 

    .bbp_search_wid #searchform input {
    font-size: 14px;
	height: 30px;
	border-radius: 5px;
	box-shadow: 3px 3px 12px #857a53;
}
.bbp_search_wid #searchform input[type="text"] {
	width: 50%
}
.bbp_search_wid #searchform  input[type="submit"] {
	color: #ffffff;
	background-color: #8f8a9e;
	height: 34px;
	margin-left: -8px;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Either some CSS help or a Feature request…?’ is closed to new replies.