How code a hairlined box within a post?

  • I want to create blocks within posts that would have a light-pink background, a hairline box around them, and would be left-indented about 10px from the rest of the post. How would I code that?

    And could I create a button on the “post” page so that I could highlight copy and just click it any time I wanted that effect?

    How would I do that?

    Would this be theme dependent?

    I’m using a modification of clemons’s 3-column relaxation at https://www.mindbodyspiritjournal.com

    Thanks,
    kwc

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

  • For the blocks enquiry ….

    Put the section in a blockquote tag –

    and then put the style into the css stylesheet for the site

    blockquote {
    border-width:2px 1px 1px 6px;
    border-color:#A5C059;
    border-style:solid dotted dotted solid;
    background-color:#FFFFE8;
    padding:1em 1em 1em 1em;
    }

    you will need to play with the border-style and background-color to get what you want.

    Thread Starter kenwinstoncaine

    (@kenwinstoncaine)

    Thanks, Opty.

    Now, does anyone know how to customize buttons on the ‘Write’ console so I can have ones there that I use frequently?

    ken,

    just a heads up, I am seeing the infamous “redirection limit exceeded” error when trying to open your site, using both firefox and i’net explorer.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How code a hairlined box within a post?’ is closed to new replies.

Tags