Adding double line to a text box

  • Hi, I’m very new to css and HTML i want to add a double line border to a box (the white box that says “Introducing The SG Points Club”. Any help would be appriciated.

    • This topic was modified 2 years, 8 months ago by t-p. Reason: Moved to Fixing WordPress from Everything else WordPress

    The page I need help with: [log in to see the link]

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

  • I see you have inline styles on the h2 headline already. You can add the following CSS to your inline styles to get the desired double border:

    border: 4px double #ccc;

    Change the border size and color as desired. And if you want a bottom border ONLY and not all around the headline, use border-bottom instead.

    Please add the following CSS in that your CSS file.

    .home .page h2 {
    border: 2px solid black;
    position: relative;
}
.home .page h2:after {
    content: '';
    position: absolute;
    left: 2px;
    top: 2px;
    right: 2px;
    bottom: 2px;
    border: 2px solid gray;
}
    Thread Starter soiigood

    (@soiigood)

    Umesh, thank you very much for helping me out with this!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Adding double line to a text box’ is closed to new replies.