Add dividing lines to side-bar …

  • Resolved redbourn

    (@eagerwatcher)


    14 years, 9 months ago

    HI,

    I’d like to put red dividing lines similar to the existing ones, under “Fast Loans Up To $25K” and under “Select Month” and “Select Category”

    http://home-loan-help.org/

    The side-bar looks a bit of a mess like it is now 🙁

    I tried <hr> in the “arbitrary text or HTML” widget but it didn’t help.

    Any help or ideas would be appreciated,

    Jane

Viewing 7 replies - 1 through 7 (of 7 total)
  • esmi

    (@esmi)

    14 years, 9 months ago

    Try adding:

    #sidebar .textwidget,#sidebar select {
padding-bottom:10px;
border-bottom:1pc solid #AA1D16;
}

    to the bottom of style.css.

    Thread Starter redbourn

    (@eagerwatcher)

    14 years, 9 months ago

    Thanks.

    Your fast becoming my very favorite person 🙂

    Is there a way to make the lines thinner?

    I tried changing the px size that you gave me but it didn’t change the line thickness.

    Jane

    Michael

    (@alchymyth)

    14 years, 9 months ago

    border-bottom:1px solid #AA1D16;

    it was meant to be 1px

    esmi

    (@esmi)

    14 years, 9 months ago

    Sorry – yes. Typo on my part. It should be 1px.

    Thread Starter redbourn

    (@eagerwatcher)

    14 years, 9 months ago

    This is what I have now ..

    code {
    font: 13px ‘Courier New’, Courier, Verdana, Arial, sans-serif;
    color: #A96EA4;
    padding: 2px;
    }
    .entry h1 { font-size:25px;line-height:28px;text-align:center }
    #sidebar .textwidget,#sidebar select {
    padding-bottom:1px;
    border-bottom:1pc solid #AA1D16;
    }
    /* Change Log ***
    1.0 : Public Released
    1.1 : Change some minor bugs
    1.2 : Replace old Lorem Ipsum Text with Profile Description via Prifle Admin

    *** */

    And after clearing my browser, they still look about 15 px deep.

    Sorry you guys have to baby me with php 🙁
    I do see how it basically works and could learn it.
    Whether the time spent doing so would be cost effective or not, I don’t know.
    I did just lose a 3 week website job because of my lack of PHP know how:-(
    So maybe I should start learning a little every day?

    Jane

    nazcar

    (@nazcar)

    14 years, 9 months ago

    you did not change yet your css from 1pc to 1px border-bottom:1px solid #AA1D16;

    it is still 1pc in your stylesheet.

    .entry h1 { font-size:25px;line-height:28px;text-align:center }
#sidebar .textwidget,#sidebar select {
padding-bottom:1px;
border-bottom:1px solid #AA1D16;
}

    PS: 1pc is equal to 12pt, thats why it looks very thick.

    Thread Starter redbourn

    (@eagerwatcher)

    14 years, 9 months ago

    Thanks a lot nazcar

    #sidebar .textwidget,#sidebar select {
    padding-bottom:10px;
    border-bottom:1pc solid #AA1D16;
    }

    I was changing the 10px and not the 1pc – silly me 🙂

    Jane

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Add dividing lines to side-bar …’ is closed to new replies.