I put the shortcode [tubepress output="searchInput"] in order to have a search bar placed in my page, I am wondering what file I can access to change the CSS, to alter to look of the search button. Thanks!
Search bar CSS changes
Started by Shayla behr, Aug 09 2012 04:10 PM
6 replies to this topic
#1
Posted 09 August 2012 - 04:10 PM
#2
Posted 10 August 2012 - 08:59 PM
Hi,
The PHP template that controls the search input is located at tubepress/sys/ui/themes/default/search/search_input.tpl.php. You could create and activate a custom TubePress theme if you need to change the HTML structure of this, but if you're just adding some CSS then that shouldn't be necessary. I would just add some CSS like the following:
The PHP template that controls the search input is located at tubepress/sys/ui/themes/default/search/search_input.tpl.php. You could create and activate a custom TubePress theme if you need to change the HTML structure of this, but if you're just adding some CSS then that shouldn't be necessary. I would just add some CSS like the following:
fieldset.tubepress_search button.tubepress_button { //css for the Search button }Does that make sense?
#3
Posted 14 August 2012 - 06:35 PM
Yes, it does. But where would you put the CSS for the button? Which file should I edit? Thanks!
#4
Posted 17 August 2012 - 03:31 PM
I would put the CSS into your WordPress theme's style.css. That will protect your changes from TubePress upgrades.
#5
Posted 21 August 2012 - 10:56 AM
I put the code
fieldset.tubepress_search button.tubepress_button {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background-color: #3c79b2;
}
in my themes style.css file and it did not change it. Am I doing something wrong?
fieldset.tubepress_search button.tubepress_button {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background-color: #3c79b2;
}
in my themes style.css file and it did not change it. Am I doing something wrong?
#6
Posted 21 August 2012 - 09:14 PM
Could you share a link to your site? I'll be glad to take a first-hand look...