Before making any changes to any theme files, you’ll need to create a child theme or use a custom CSS plug-in.
Then, you can get rid of the button on the home page by adding this CSS code to the new style.css file:
.home .signup-text .button1 {
display: none;
}
#cntctfrm_contact_form {
margin-left: 40px;
}
Thank you, the duplicate post was my mistake being new. I saw the correct section after posting the first.
The contact form option worked once I added a custom css plug in.
The button option doesn’t work because the original designer called the entire homepage spotlight feature section signup.form including the button.
Is there a way to remove image and just have a hyperlink in it’s place saying services?
Thanks
Did you try the other — that CSS should still remove that button only — and it worked fine in Firebug.
But you could also remove the background image which comes from two places:
.signup-text .button1 span {
background: url("images/btn-left.png") no-repeat scroll left 0 transparent;
}
.signup-text .button1 {
background: url("images/btn-right.png") no-repeat scroll right 0 transparent;
}
So you could remove that CSS and see if that does what you want.
Here’s the css for the entire section – there are quite a few spots that have an image for the button. In this theme you are not supposed to update the css in the main file, but in the theme options section. I have tried adding other images, deleting the image lines, and setting background to none – I had it off before with horrible black text, but I don’t remember what I did and now nothing seems to work!
[ Modertator note: Listen to WPYogi about posting code here, her’s is good advice. ]
.signup {
width:100%;
height:auto;
background:#29a4ce url(images/formbg.png) repeat-x;
padding-bottom:25px;
border:solid 1px #106ca8;
border-top:none;
display:inline-block;
}
.signup .signupleft {
margin-top:40px;
margin-right:0px;
margin-left:27px;
}
.signup .signupleft .signup-text {
margin-left:0px;
margin-right:12px;
margin-top:25px;
}
.signup .signupleft .signup-text p {
font-size:17px;
color:#fff;
font-family:Actor;
font-weight:100;
line-height:24px;
text-shadow:0 1px 0 #127fa4;
}
.signup .signupleft .signupinfo h1 {
font-size:28px;
color:#fff;
font-family: "Futura Md BT", sans-serif;
line-height:37px;
font-weight:bold;
margin-left:0px;
text-shadow:0 2px 1px #1e5f75;
}
.signup-text .button1 {
height: 50px;
text-decoration: none;
font-family: Constantia, sans-serif;
font-size:22px;
line-height:50px;
color:#000;
text-shadow:0 1px 0 #fbf2c6;
margin-top:45px;
text-align:center;
margin-left:30px;
padding-right:34px;
position: relative;
display: inline-block;
}
.signup-text .button1 span {
height: 50px;
width:34px;
position: absolute;
margin-left:-34px;
}
.signup-text .button1 {
height: 50px;
text-decoration: none;
font-family: Constantia, sans-serif;
font-size:22px;
line-height:50px;
color:#000;
text-shadow:0 1px 0 #fbf2c6;
margin-top:5px;
text-align:center;
margin-left:30px;
padding-right:34px;
position: relative;
display: inline-block;
}
.signup-text .button1 span {
height: 50px;
width:34px;
position: absolute;
margin-left:-34px;
}
.signup-text .button1 {
background:url('images/btn-right.png') no-repeat right 0;
}
.signup-text .button1 span {
background: url('images/btn-left.png') no-repeat left 0;
}
.signup-text .button1:hover span {
background: url('images/btn-left.png') no-repeat left -54px;
}
.signup-text .button1:hover {
background: url('images/btn-right.png') no-repeat right -54px;
}
.signup-text .button1:active span {
background: url('images/btn-left.png') no-repeat left -107px;
}
.signup-text .button1:active {
background: url('images/btn-right.png') no-repeat right -107px;
}
.signupform {
margin-top:20px;
margin-left:0px;
margin-right:15px;
font-family:Constantia, sans-serif;
position:relative;
}
.signupform input[type="text"] {
border:solid 1px #106e8f;
border-radius:3px;
background:#fff;
height:32px;
width:214px;
margin-bottom:10px;
color:#9a9a9a;
font-family:Constantia;
font-size:16px;
padding-left:5px;
line-height:22.02px;
}
.signupform textarea {
width:252px;
height:125px;
border:solid 1px #106e8f;
border-radius:3px;
color:#9a9a9a;
font-family:Constantia;
font-size:16px;
padding-left:5px;
line-height:22.02px;
position:absolute;
top:0;
right:0px;
}
.signupform input.btnsubmit {
background:url(images/orange-button.png) no-repeat 0 0;
border:none;
width:350px;
height:47px;
font-family: Constantia, sans-serif;
font-size:22px;
line-height:22.02px;
color:#000;
text-shadow:0 1px 0 #fbf2c6;
margin-left:75px;
margin-top:35px;
}
.signupform input.btnsubmit:hover {
background:url(images/orange-button.png) no-repeat 0 -49px;
font-family: Constantia, sans-serif;
font-size:22px;
line-height:22.02px;
color:#000;
text-shadow:0 1px 0 #fbf2c6;
margin-left:75px;
margin-top:35px;
}
.signupform input.btnsubmit:active {
background:url(images/orange-button.png) no-repeat 0 -98px;
margin-left:75px;
margin-top:35px;
}
.sucess-send h2{
margin-top:60px;
font-size:20px;
color:#fff;
font-family: "Futura Md BT", sans-serif;
line-height:35px;
font-weight:bold;
margin-left:0;
text-shadow:0 2px 1px #1e5f75
I just deleted the actual images from the cpanel. I’ll work from here. Thanks again!
For future, you don’t need to post CSS code here — it’s all visible on the site. And you do need to use the backticks or code button when posting any code.
Glad it’s working or getting there :).
