WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Remove Underlines on Sidebar (7 posts)

  1. K Soma 2013
    Member
    Posted 1 year ago #

    My theme is Twenty Twelve.
    I have Jetpack installed.
    I want to remove the underlines on my sidebar.

    I went to Appearance Edit CSS; and cut/pasted the code below in JetPack CSS editor window . . . however the underlines did not go away.

    #sidebar a { text-decoration:none; /* disable underline of links on sidebar only */ }
    #sidebar a:hover { text-decoration:underline; /* underline links when mouse hovers over */}

    Am I missing a step. I am new to WordPress,JetPack & CSS. Thanks much

    The blog I need help with is http://www.katha-soma.com.

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Where did you get that code? CSS is theme and site specific so you can't necessarily copy code from someplace else. In this case, there is no id=sidebar on that page. Try this:

    .widget-area .widget a {
        text-decoration: none;
    }
  3. K Soma 2013
    Member
    Posted 1 year ago #

    Theme Twenty Twelve WP version 3.5
    Wow! this worked, underlines are gone.

    Do you have a code for the sidebar that will reduce the space/padding between the pictures and the categories,recent posts,search.

    http://www.Katha-Soma.com

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Try this:

    .widget-area .widget {
        margin-bottom: 2.42857rem;
    }

    change the margin setting according to your preference.

    The best way to find these CSS selectors is using Firebug - an addon for Firefox that shows you the CSS that's affecting an element on the page.

  5. K Soma 2013
    Member
    Posted 1 year ago #

    Hey again
    I tried this:

    .widget-area .widget {
    margin-bottom: 1.2rem;
    }

    I looks to me on IE explorer browser the space did not reduce.
    However on Chrome the space did reduced.
    Is this possible? or perhaps my are my eyes not seeing the page clearly.

    Also when using JetPack CSS editor, do you still recommend a child page. Thanks for your patience.

    http://www.Katha-Soma.com

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    I think you haven't cleared the browser, Internet Explorer's cache.
    The REM style worked for me (bottom-right) http://snag.gy/MOJvh.jpg

    If you're still experiencing issues, please state which version of Internet Explorer you're using.

  7. K Soma 2013
    Member
    Posted 1 year ago #

    Thank you, the remove underlines and reduce padding in sidebar is resolved. I greatly appreciate your expertise and prompt replies!

Topic Closed

This topic has been closed to new replies.

About this Topic