Welcome! To use this support forum, please Login or Join Today!

   

How to change Widget Style

{name}
Rank

Total Posts: 14

Joined 2015-11-02

PM

 

Hi,

Please help.

I want to know if there is a way to change the the default widget styles (1,2,3) to something custom.

This is what I currently have:

I want to change the buttons to be equal height as the edit boxes and maybe put a space between the box and button. Also, would it be possible to change the “font type”?

My website can be seen here:http://firstforbitcoin.com/

Thank you.

Pierre Barnard

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

Hi, If you add the code below to your style1.css file, you should get the following result: http://cl.ly/1M2T08322B2C

.newsletter-form input[type=text] {
 width
140px;
 
line-height26px;
}

.widget_search.S2 input#s {
 
width160px;
 
line-height29px;
}
.widget_search.S2 input#searchsubmit {
 
background#fff;
 
line-height26px;
{name}
Rank

Total Posts: 14

Joined 2015-11-02

PM

 

Great, thanks alot. I added that code to the layout.css which then worked. Thanks again.