Jump to content


These Forums Are Now Read-Only


For TubePress support, please post a question here or open a support ticket and we will be glad to assist.


Photo

Search bar CSS changes


  • Please log in to reply
6 replies to this topic

#1 Shayla behr

Shayla behr

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 09 August 2012 - 04:10 PM

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!

#2 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

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:

fieldset.tubepress_search button.tubepress_button {

    //css for the Search button
}
Does that make sense?

#3 Shayla behr

Shayla behr

    Newbie

  • Members
  • Pip
  • 6 posts

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 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

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 Shayla behr

Shayla behr

    Newbie

  • Members
  • Pip
  • 6 posts

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?

#6 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

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...

#7 Shayla behr

Shayla behr

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 29 August 2012 - 01:11 PM

http://www.airstream...m/how-to-video/