The site is http://www.onceuponahorse.org/new

When you hover over "news and events" or "saddletime farm" I want a drop down to appear in purple with white text. Right now the drop down is almost transparent until you slide down then its gray.

I'm modifying theme Twenty Twelve with a child theme.

Also, would like to know if its possible to wrap wording in top menu items to two lines instead of stretching the menu onto two lines.

Thanks.

This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you'll find help at the WordPress.org forums.

If you don't understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

If you forgot to include a link to your blog, you can reply and include it below. It'll help people to answer your question.

This is an automated message.

here is a link to that support thread: http://en.forums.wordpress.com/topic/twenty-twelve-random-image-header-not-working-on-mobile

The problem was that when I chose "random" for my headers they would not show up at all on the mobile theme at all. With her help I was able to write some custom CSS that would tell the mobile them a specific header image to be shown for each page.

The other day, I purchased my approved stock imagery and uploaded the new image files to my media library (and renamed the paths in my CSS to reflect the new image names) but now nothing is showing up on the mobile theme again.

I've been going over the CSS and my old support thread for a while now and I can't figure out what changed that is causing this to not work anymore.

If anyone has an idea, i'd very much appreciate your insight.

-Kyle

I have not purchased customization for my blog and I'm wondering how I can display copyright info at the bottom of each page. Thanks!

a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img {
background: none;
}`

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
border: none;
}

.entry-header .comments-link a {
display: none;
}

img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {
border: none;
}
.wp-caption img {
border: none;
}
Thanks a lot for your help!

#secondary {
border: none;
}

The icon can be found at forageandfodder.com

Thanks so much!
Danielle

#secondary img {
box-shadow: none;
}

This does not affect the good reads widget borders. I can't seem to find a way to get rid of those with CSS.

I have a bunch of png images lined up on my sidebar (social media icons). None of these images have a border in them. however once I insert it, twenty twelve theme creates a slight border around each image (same behavior with smileys and such in my blog posts).

Can this border be removed through css/html tricks?

#masthead {padding-top: 0;}

.header-image{margin-top: 0;}

<br /> #masthead{<br /> padding-top: 0;<br /> }</p> <p>.header-image{<br /> margin-top: 0;<br /> }<br />

Thanks!!!

When I land on the submenu page, which then becomes the current page, note that the primary menu name is bold, but grey. I wanted it to turn blue (and remain bold) so that it will signify which primary menu the subpage falls under.

In web jargon, or at least using the words the theme author has to label things, the parent menu items are an ancestor of the current submenu page. Hopefully that makes a little sense :) and I think the example I gave just before your last post will work, did you try adding it?