• Hi guys – there is an faint, almost transparent divider that separates the sidebar, blog posts, main content areas. I want to give it more definition by either widening it or making it green.

    http://wwww.cockapoo.me

    Do you know if this can be done?

    Thanks!!
    Simon

Viewing 8 replies - 1 through 8 (of 8 total)
  • Try this

    #right.widget-area {
      border-left: 5px solid green; /* Adjust */
    }
    Thread Starter Simon T

    (@simon-t)

    That worked for the side bar thanks….what would it be to separate the post articles?
    Thanks again

    Try

    hr {
      -moz-border-bottom-colors: green;
      -moz-border-left-colors: green;
      -moz-border-right-colors: green;
      -moz-border-top-colors: green;
      border-color: green -moz-use-text-color #fff;
    }
    Thread Starter Simon T

    (@simon-t)

    my child theme will not save the code below when i save it, which is bizarre?

    -moz-border-bottom-colors: green;
    -moz-border-left-colors: green;
    -moz-border-right-colors: green;
    -moz-border-top-colors: green;

    it just leaves…

    hr {
    border-color: green -moz-use-text-color #fff;
    }

    Thread Starter Simon T

    (@simon-t)

    …ignore the last message, it think its a browser issue.

    Thread Starter Simon T

    (@simon-t)

    actually, ive tried it in safari as well, for some reason the child theme doesn’t accept that section of the code?

    border-bottom-color is one of the most supported CSS properties. You don’t need the -moz prefix (Was it ever needed? Firefox had full support of border colors as of version 1.0)

    Ditto -moz-use-text-color. Now deprecated and you can use outlineColor.

    So the browser’s just doing what browsers do: ignoring stuff it doesn’t understand.

    That came from purple2.min.css @ef! Backwards compatibility ?

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘seperating areas’ is closed to new replies.