Forum Replies Created
-
Posts
-
I had a peek and the button on the subscription widget looks centered to me in Safari, Firefox, and Chrome – here’s a screenshot:
http://cl.ly/image/2R303S2P3x3c
If you see something different, would you mind taking a screenshot and dropping it in your media library? (I gave instructions on how to take a screenshot in another reply.) 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
Sorry – missed the contact button! You can modify the CSS code I gave you above to include the contact button too, by replacing it with:
#infinite-handle span, .pushbutton-wide {
color: #3B938D !important;
font-size: 18px !important;
}Hi there, I’m not sure what you’re seeing as I don’t see your graphic being cut off – would it be possible to upload a screenshot to help in troubleshooting?
Here’s a guide on how to make a screenshot, if you’re not sure: http://en.support.wordpress.com/make-a-screenshot/
You can upload the screenshot – in a graphic format like JPG, PNG, or PDF – in your Media Library so I can see it. Thanks.
Hi there,
On your Forefront demo, are the text boxes under the frontpage picture just plain text widgets? How can you add a link into them? I would like to put a “Read more…” link into the widget, that would lead into another one of my pages.
Are you referring to these boxes?
http://cl.ly/image/0p1e0z3A3m00
Those are text widgets in the Front Page Widget Area One.
You can add links in a text widget like this, for example:
<a href="http://satuolkinuora.wordpress.com/cv-2/">See my full CV</a>You can always create a link in a draft post using the Visual Editor and then copy-paste the code into a text widget if you’re more comfortable doing it that way. We even have a guide here:
http://en.support.wordpress.com/links/text-widget-links/
Just let me know if you need further help!
Hi there,
1) There is a black background behind the images. It’s larger than any of the images and I want to shrink it. Is there a way to do that through code?
Try adding this code under Appearance > Custom Design. Click the CSS tab and add this completely below the existing green comments:
.slideshow-window {
background-color: transparent !important;
border: none !important;
}Click Save when you’re done.
2) The menu drop boxes are hidden behind the slideshow and are unable to be accessed. Is there a way to have them as the top “layer” of the site?
Thanks for letting us know about this glitch. I’ll report it to our theme developers and we’ll let you know when it’s been fixed.
Glad to hear this worked for you!
I’m going to close this thread now but feel free to start a new one if you need anything else.
Hi Jean, this CSS should change the colour of the pingbacks to gold:
#comments .pingback a {
color: #bb9e1f;
}Hi there,
This CSS should do the trick:
#infinite-handle span {
color: #3B938D !important;
font-size: 18px !important;
}As always, feel free to adjust the colour and size as you like.
You might be interested in checking out our intro guide to locating your theme’s CSS selectors – it’s full of handy tricks and resources and to help you learn more about customizing your site:
Hi there – did you still need any help with this or did you get it sorted out in another thread? Thanks!
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!
Theme Support 