How can I hack |code| to look similar to |blockquote|

  • Resolved clarke1866

    (@clarke1866)


    18 years, 10 months ago

    How can I hack |code| to look similar to |blockquote| in the CSS?* In essence, I want to make a ‘block’ of text with a different background colour.

    *For this question, please replace |’s with <‘s and >’s respectively, something always happens when you pust the send post button below…. scary!

    Thanks for any help!

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

  • Find this in your theme’s style.css:

    blockquote {
    margin: 20px 0;
    padding: 0 20px 0 50px;
    background: url('images/quote.png') 10px top no-repeat;
    border: none;
    }

    and change it to:

    blockquote, code {
    margin: 20px 0;
    padding: 0 20px 0 50px;
    background: url('images/quote.png') 10px top no-repeat;
    border: none;
    }

    Now both <blockquote> and <code> will inherit the same properties.

    Forum lesson: Place html and other code in between backticks:

    ` <– usually the key above Tab on your keyboard.

    Thread Starter clarke1866

    (@clarke1866)

    Thanks for your reply. It almost worked as requested, I hacked up another way around my problem after trying yours. The insiration came from you!

    Cheers.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How can I hack |code| to look similar to |blockquote|’ is closed to new replies.