Sidebar Sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Need help styling a button

celticpride678

celticpride678

Guest
Original poster
Feb 15, 2009
5,486
2
Boston, MA
If you're talking about the "Continue Reading" links I don't see any CSS applied to it to try to make it look like a button. Are you sure you uploaded the CSS? You may also have an issue with your CSS selector.
 
angelwatt said:
If you're talking about the "Continue Reading" links I don't see any CSS applied to it to try to make it look like a button. Are you sure you uploaded the CSS? You may also have an issue with your CSS selector.
Click to expand...

Sorry, I brought it down because I was working on it. I put the CSS in the Stylesheet. Everything works except for the background of the button. I uploaded the image, but it does not work. Any ideas?
 
All of your other images are in the images directory. It's not finding your gif files for the button.
 
Code: 
background:transparent url(/wp-content/themes/mystique/imagesbg_button_a.gif) no-repeat scroll right top;

You're missing a forward slash after images. I would also change it to a path relative to your themes directory;

Code: 
background:transparent url(images/bg_button_a.gif) no-repeat scroll right top;
 
nuxx said:
Code: 
background:transparent url(/wp-content/themes/mystique/imagesbg_button_a.gif) no-repeat scroll right top;

You're missing a forward slash after images. I would also change it to a path relative to your themes directory;

Code: 
background:transparent url(images/bg_button_a.gif) no-repeat scroll right top;
Click to expand...

For some reason it's still not working.
 
Using the full URL, I can directly access other images on your site, for example your youtube button.

But when I try the same with bg_button_a.gif, this is what I get.

Are you certain the image is located where you think it is?
 
nuxx said:
Using the full URL, I can directly access other images on your site, for example your youtube button.

But when I try the same with bg_button_a.gif, this is what I get.

Are you certain the image is located where you think it is?
Click to expand...

That's weird. I can work that out later. I just tried using the YouTube icon that we know we can access and the background still does not work. Seems like an issue with the code, not the image.
 
celticpride678 said:
That's weird. I can work that out later. I just tried using the YouTube icon that we know we can access and the background still does not work. Seems like an issue with the code, not the image.
Click to expand...

The Youtube image didn't work because you used a relative path instead of an absolute one, you were forgetting the first forward slash. I was able to get the image to show using Firebug after adding that slash. So the code is fine. Are you sure you have the right capitalization and the correct extension on the image?
 
angelwatt said:
The Youtube image didn't work because you used a relative path instead of an absolute one, you were forgetting the first forward slash. I was able to get the image to show using Firebug after adding that slash. So the code is fine. Are you sure you have the right capitalization and the correct extension on the image?
Click to expand...

I kinda gave up on that image and just made a quick one in Photoshop. It works fine now. Thanks for all the help.
 
With wordpress use this

background:transparent url('images/bg_button_a.gif') no-repeat scroll right top;

If you,look at the other css that comes with wordpress they always put '' around the images in the CSS.
 
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom
Back