Buttons' CSS

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!

Please Log in to join the conversation.

More
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*/
}

Please Log in to join the conversation.

More
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?

Please Log in to join the conversation.

More
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?
Last edit: 12 years 10 months ago by ivan.milic.

Please Log in to join the conversation.

More
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...

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
12 years 10 months ago #14879 by milos
Replied by milos on topic Re: Buttons' CSS
It's in template_css.php (extension PHP, not CSS) around line 117.

Please Log in to join the conversation.

Time to create page: 0.186 seconds
Powered by Kunena Forum