- Posts: 19
- Thank you received: 0
Buttons' CSS
-
Alexandros
Inactive member - Topic Author
- New Member
Less
More
12 years 10 months ago #14831
by Alexandros
Buttons' CSS was created by Alexandros
Hello,
I am using Hot Model Agency template with Hikashop and I want to apply the buttons' CSS that Hikashop uses to all the buttons of my template. I have found the CSS code of Hikashop:
background-image:url(../images/button.jpg);
border:1px solid #356AA0;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
padding:3px 8px;
text-decoration:none;
cursor:pointer;
float:left;
white-space:nowrap;
but didn't find where to apply it. I've tried to paste the code in template_css but no effects. Any help?
Thanks!
I am using Hot Model Agency template with Hikashop and I want to apply the buttons' CSS that Hikashop uses to all the buttons of my template. I have found the CSS code of Hikashop:
background-image:url(../images/button.jpg);
border:1px solid #356AA0;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
padding:3px 8px;
text-decoration:none;
cursor:pointer;
float:left;
white-space:nowrap;
but didn't find where to apply it. I've tried to paste the code in template_css but no effects. Any help?
Thanks!
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
12 years 10 months ago #14838
by ivan.milic
Replied by ivan.milic on topic Re: Buttons' CSS
Add it to template_css.css at the bottom, like this:
.button{
/*your properties go here*/
}
.button{
/*your properties go here*/
}
Please Log in to join the conversation.
-
Alexandros
Inactive member - Topic Author
- New Member
Less
More
- Posts: 19
- Thank you received: 0
12 years 10 months ago #14845
by Alexandros
Replied by Alexandros on topic Re: Buttons' CSS
I added the following code at the bottom of template_css
.button{
background-image:url(../images/button.jpg);
border:1px solid #356AA0;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
padding:3px 8px;
text-decoration:none;
cursor:pointer;
float:left;
white-space:nowrap;
}
but it changed only the button border. The image "button.jpg" exists in the images folder of the template, but it seems that it's not using it.. What am I doing wrong?
.button{
background-image:url(../images/button.jpg);
border:1px solid #356AA0;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
padding:3px 8px;
text-decoration:none;
cursor:pointer;
float:left;
white-space:nowrap;
}
but it changed only the button border. The image "button.jpg" exists in the images folder of the template, but it seems that it's not using it.. What am I doing wrong?
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
12 years 10 months ago - 12 years 10 months ago #14851
by ivan.milic
Replied by ivan.milic on topic Re: Buttons' CSS
Instead of:
background-image:url(../images/button.jpg);
try:
background-image:url(/images/button.jpg);
btw. did you copy that image to template images folder?
background-image:url(../images/button.jpg);
try:
background-image:url(/images/button.jpg);
btw. did you copy that image to template images folder?
Last edit: 12 years 10 months ago by ivan.milic.
Please Log in to join the conversation.
-
Alexandros
Inactive member - Topic Author
- New Member
Less
More
- Posts: 19
- Thank you received: 0
12 years 10 months ago #14857
by Alexandros
Replied by Alexandros on topic Re: Buttons' CSS
the image "button.jpg" is in public_html/templates/hot_model_agency/images. when inspecting the button with firebug, I see
log-inout #2 (line 231)
.button {
background: none repeat scroll 0 0 #B5B5B3 !important;
color: #141414 !important;
}
and the code I added
template_css.css (line 1851)
.button {
background-image: url("../images/button.jpg");
border: 1px solid #356AA0;
color: #000000;
cursor: pointer;
float: left;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
padding: 3px 8px;
text-decoration: none;
white-space: nowrap;
The code I added seems to be correct, because after I delete
background: none repeat scroll 0 0 #B5B5B3 !important;
the correct button image appears. But I can't find where to edit this line. It's not in template_css...
log-inout #2 (line 231)
.button {
background: none repeat scroll 0 0 #B5B5B3 !important;
color: #141414 !important;
}
and the code I added
template_css.css (line 1851)
.button {
background-image: url("../images/button.jpg");
border: 1px solid #356AA0;
color: #000000;
cursor: pointer;
float: left;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
padding: 3px 8px;
text-decoration: none;
white-space: nowrap;
The code I added seems to be correct, because after I delete
background: none repeat scroll 0 0 #B5B5B3 !important;
the correct button image appears. But I can't find where to edit this line. It's not in template_css...
Please Log in to join the conversation.
Time to create page: 0.186 seconds