-
Posts
-
Hi, I have just changed my featured image in my front page and button has disappeared. I am using this code as always:
But nothing is appearing on my featured image…
Have you got any suggestions what to do?thanks:)
The blog I need help with is thecharmepidemic.com
the code I am using is :
<.a class=”button” href=”http://forefrontdemo.wordpress.com”>Button Text Here
(without dot after < )
I have now tried many different things, so button appears, but just in grey words. How to do it to look like an actual button? It can be black with white letters. Could you help me with that?
I also wanted to move button around.. but unsuccessfully.
I was using this code:
.front-page.-content-area .with-featured-image .entry-content .button {
position: absolute;
right: 200px;
bottom: 200px;
}
Without dot after page
It’s not working..
Thank you. looking forward to hear from u. :)
Hi again,
Could you please help me with this as it is on the front page and it really does affect my blog in negative way :(
Thank you so much.
Hi there – sorry this question slipped through the cracks.
To help me locate your button, would you mind giving me a link to the post or page where it is so I can have a look, since I’m not quite sure where to find it? Thanks!
Hi
It’s on the front page http://thecharmepidemic.com/ .. It’s hard to find it as it doesn’t even look like a button. Where you see big THE CHARM EPIDEMIC at the beginning of the word there is MEET ME AT (this is how my button looks like now…)
Is it possible to make it look like a proper button again, with those round corners and so on?
When you press MEET ME AT it goes to my blog.
I am looking forward to hearing from you. Thanks :)
Ah, I see it!
The first thing you need to do is give your button a class, and then we’ll be able to style it with CSS. So let’s change this:
<a title="BLOG" href="http://wp.me/P3Ckg5-gm">MEET ME AT</a>to:
<a title="BLOG" href="http://wp.me/P3Ckg5-gm" target="_blank" class="homebut">MEET ME AT</a>This gives your button the class “homebut” – I went ahead and did that part for you.
First, you probably want to push the button down so it doesn’t overlap the text on your header graphic.
You can do that by adding 150 pixels of space to the top of the post in which the button is contained. Of course you can adjust the amount of pixels as you like, if you want more space or less. This is what that looks like in CSS:
#post-1012 {
margin-top: 250px;
}To style the button, it depends on what you want the button to look like. For a black background with white letters and rounded borders, try this:
.homebut {
background-color: #000000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
color: #FFFFFF ! important;
font-weight: bold;
padding: 10px;
}This is a good little tutorial on making buttons with CSS: http://www.htmlgoodies.com/beyond/css/article.php/3891201/Making-Rounded-Corner-Buttons-Without-Images.htm
Thank you so so so much. It was worth waiting:)
Everything worked perfectly, but I would like to move my button up above THE CHARM EPIDEMIC words. Would it be possible to get the code for that?
Thank you so much:)
You’re very welcome!
Try replacing this:
#post-1012 {
margin-top: 130px;
}with this:
#post-1012 {
margin-top: -150px;
}
Worked perfectly :) Thanks for your help! :)) I appreciate it.
The topic ‘BUTTON IS NOT APPEARING’ is closed to new replies.
Theme Support 