Rounded corners not working on hover

  • Brittany

    (@bookaddictsguide)


    11 years, 5 months ago

    website: https://www.bookaddictsguide.com
    Hi there!

    I have successfully created rounded corners on my header image which I really LOVE, but whenever I hover over the image, it pulls out to the original full rectangle and the rounded corners don’t stick. I’m sure this is an issue with my CSS and I’ve been messing with it for months but can’t find a way to fix it. Any help would be appreciated!

    (I actually had to adjust the page to have the rounded corners work too)

    #page {
	margin-top: 40px;
	-moz-border-radius: 90px;
	-webkit-border-radius: 90px 90px 90px 90px;
	border-radius: 90px 90px 90px 90px;
    .appearance_page_custom-header #headimg a:hover {
	border: none;
	margin-bottom: -10px;
	-moz-border-radius: 90px;
	-webkit-border-radius: 90px 90px 90px 90px;
	border-radius: 90px 90px 90px 90px;
}

#headimg h1,
	#headimg h2 {
	line-height: 1.6;
	margin-bottom: -10px;
	padding: 0;

    Thanks much!!
    Brittany

Viewing 11 replies - 1 through 11 (of 11 total)

  • I don’t see any changes to any round corners when hovering the header image (Firefox 24.0);

    have you checked that your caching plugin is cleared?

    Moderator Jose Castaneda

    (@jcastaneda)

    THEME COFFEE MONKEY

    What browser are you seeing this happen in? Using Win7 and Safari I saw no rounded corners unless I hovered over the header image.

    Thread Starter Brittany

    (@bookaddictsguide)

    I cleared my caching plugin yesterday when working on another issue and actually deactivated it.

    I’m using Safari

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Which version are you using again?

    Thread Starter Brittany

    (@bookaddictsguide)

    Safari 6.0.5
    Twenty Twelve 1.3

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Where did you get that version of safari from?

    Thread Starter Brittany

    (@bookaddictsguide)

    No idea! That’s what I’m running though

    actually deactivated it.

    nope – this is still in your linked page:
    <!-- Cached page generated by WP-Super-Cache on 2013-10-27 10:22:53 -->

    Thread Starter Brittany

    (@bookaddictsguide)

    It’s currently deactivated but not deleted and this is the message I get when I try to remove the plugin:

    Could not remove WP_CACHE define from /home3/bookadd2/public_html/wp-config.php. Please edit that file and remove the line containing the text ‘WP_CACHE’. Then refresh this page.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I can’t seem to find that version of Safari for Win7, sorry, I can’t replicate the issue.

    Thread Starter Brittany

    (@bookaddictsguide)

    Hmmm. I just downloaded the new OS for Mac, tried it in both Safari and Google Chrome and all seems to be well. Not sure why that made a difference, but okay!
    Thanks for the help!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Rounded corners not working on hover’ is closed to new replies.