Widen Search Box in Broadsheet

• 

  hohcatholic · Member · Dec 5, 2016 at 10:35 pm

  • Copy link
  • Add topic to favorites

  Hello,
  I’m looking to increase the size of the search box in Broadsheet. Just want to make it wider. Being able to change the color of the box and the text color in the box would be nice too.

  Thanks in advance.

  -Nick

  The blog I need help with is: (visible only to logged in users)

• 

  dianakcury · Member · Dec 5, 2016 at 10:55 pm

  • Copy link

  Hi there!

  Please try the following code to increase the search box size and colors:

  .masthead .searchform {
      width: 250px;
  }
  
  .masthead input.searchfield {
  background-color:#800080;
  font-size:20px;
  color:#fff
  }
  
  h3.widgettitle:before, form.searchform button.searchsubmit {
      color: #ffffff!important;
      font-size: 25px;
      font-weight: bold;
  }

  Hope this helps,

• 

  hohcatholic · Member · Dec 5, 2016 at 11:03 pm

  • Copy link

  Thank you!