• passioning

    (@passioning)


    Hi

    I am new to wordpress and HTML.
    as you can see, if visiting my website, hyperlinks on sidebar are underlined by default.
    I looked through CSS, but could not find the right one relating to it.

    Help me~

Viewing 3 replies - 1 through 3 (of 3 total)
  • BrianWK

    (@brianwk)

    This should be where your css file is.
    wordpress/wp-content/themes/journalist_13/journalist/style.css

    The code in question is here

    #sidebar a {
        color:#222;
        text-decoration:none;
        border-bottom:#ccc 1px solid;
    }

    try removing the line border-bottom:#ccc 1px solid; and see if that solves your problem. There may be other instances if there are pseudo classes involved.

    Thread Starter passioning

    (@passioning)

    Brian
    Thank you so much for helping me.
    I did the trick ??

    By the way I wonder how #sidebar { } and #sidebar a{ } is different

    -what does a specify?

    BrianWK

    (@brianwk)

    CSS is used to style each and every element in the page #sidebar is an “id selector” the properties below that selector are styling your entire sidebar area. For instance if you add
    background-color:silver; to the section #sidebar you will see the area effected by the change.

    “#sidebar a” is referring to the html tag “a” (anchor) inside of the area “sidebar”. This is how you change the “a” tags in the sidebar without effecting the rest of the “a” tags on the page.

    Try adding
    `border:thin black solid;’
    to the “#sidebar a” selector and see how it changes. Borders can help you see what area you are actually changing.

    The best way to troubleshoot a WordPress style.css file is to use firebug for firefox. You load your page and hit f1. then click the button that looks like the mouse arrow over a blue rectangle. Now as you move the mouse around the page you will see all kinds of page info below, including the style selectors and what line their on in the style sheet. Read Here.

    CSS is a bit confusing if you haven’t written some and broken a lot.
    Try this tutorial and then begin making changes to the style sheet to see what they do.

    See the W3schools for css selectors and declarations. and further explanation.

    I hope some of this helps,
    Brian

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘removing underline, 'Journalist' theme’ is closed to new replies.