Costum orange button

Hi

I would like to change orange button. as per search in this forum, i found this :

Code:

.header_wrapper .header .post_btn .btn_center {
height: 75px;
width: 232px;
background: url('http://www.rebuildnewjersey.com/wp-content/uploads/2013/03/listing-button2.png') repeat-x;}
 
.header_wrapper .header .post_btn:hover .btn_center{
background:url('http://www.rebuildnewjersey.com/wp-content/uploads/2013/03/listing-button2.png') repeat-x;}
.header_wrapper .header .post_btn .btn_right {
background:none;
}
.header_wrapper .header .post_btn .btn_left {
background: none;
}
 
.header_wrapper .header .post_btn:hover .btn_left{
background: none;
}
 
.header_wrapper .header .post_btn:hover .btn_right{
background: none;
}

and add

Code:

<p></p>

in custom CSS

But it seems the button not appear. Any idea how to solve this? i'm using 1.7.9.

thanks

 

Hello,

Undo your old customization and Paste this code in Custom CSS
Geocraft Settings > Theme Option > Styling Option > Custom CSS

Code:

.header_wrapper .header .post_btn .btn_right {
background:none;
}
.header_wrapper .header .post_btn .btn_left {
background: none;
}
 
.header_wrapper .header .post_btn .btn_center{
background: none;
background-color:red;
border-radius:4px;
}
.header_wrapper .header .post_btn:hover .btn_left{
background: none;
}
 
.header_wrapper .header .post_btn:hover .btn_right{
background: none;
}
 
.header_wrapper .header .post_btn:hover .btn_center{
background: none;
background-color:red;
}

Inplace of "red" put your color code.