2-colour Double border text box

  • Author
    Posts
  • #123820

    veronicaaphillip
    Member
    Original poster

    Can you help me build a 2-colour (sky blue & Purple ) double border text box?

    The blog I need help with is: veronicaphillip.com

    #123898

    mkrdip
    Theme Author

    Hi V,

    Wrap some text with double-border-textbox first. Please use HTML in your page like this

    <div class="double-border-textbox">
    Your Text Here
    </div>

    The add CSS via Customizer.

    .double-border-textbox {
      position: relative;
      border: 5px solid #00bfff;
    }
    
    .double-border-textbox:before {
      content: " ";
      position: absolute;
      z-index: -1;
      top: 5px;
      left: 5px;
      right: 5px;
      bottom: 5px;
      border: 5px solid #800080;
    }

    Cheers.

    #123943

    veronicaaphillip
    Member
    Original poster

    Thank you!

The topic ‘2-colour Double border text box’ is closed to new replies.