WordPress.org

Ready to get started?Download WordPress

Forums

I need "Big Quotes", like on this site. (9 posts)

  1. mjdave
    Member
    Posted 9 years ago #

    I apologise in advance, as I'm sure this is a question already answered somewhere in this forum.

    The problem is, I'm not sure what this 'feature' would actually be called, so I cannot search with any great success.

    Anyway, I'm building a WordPress site, and I'd like to implement some large quotes into the text. Just like on this site:

    http://news.bbc.co.uk/1/hi/programmes/click_online/4398243.stm

    If you scroll down, you'll see the first quote, with the text, "Blogging is a very, very important tool in terms of freedom of expression".

    I would like to include a similar feature on my blog.

    My e-mail is: mjdave@gmail.com ...but I'l check back on this forum regulary.

    Thanks in advance. Don't you just hate n00bs? Hehe.

  2. ifelse
    Member
    Posted 9 years ago #

    This isn't a WP functionality per se but a html/css issue. Unfortunately, you didn't provide a link to your blog in your profile so I can't see what your design is like but hopefully I can steer you in the right direction.

    What you need to do is appropriately markup the quote and apply some styling to it. BBC's markup, in this instance, isn't ideal but I digress.

    What you should do is in your post, enclose the quote text with
    < blockquote > tags. Now add the following to your style.css file.

    blockquote{
    float:right;
    width:100px;
    background:white;
    border:1px solid black;
    }

    Voila. Standout blockquotes.

  3. moshu
    Member
    Posted 9 years ago #

    this thread also might be of help
    http://wordpress.org/support/topic.php?id=8157

  4. mjdave
    Member
    Posted 9 years ago #

    Thank you very much.

    I'm going to bed, but I'll try this in the morning.

    Thanks ifelse and moshu - much appreciated.

  5. fuzzy_logic
    Member
    Posted 9 years ago #

    A lot of themes already have that inplemented. You should download one of them and look at blockquote in the css file. It should be pretty clear.

  6. Lorelle
    Member
    Posted 9 years ago #

    For more to tickle your fancy, check out this example of Blockquotes and Pullquotes. View Source on the page to see how they were done.

  7. Jinsan
    Member
    Posted 9 years ago #

    This site has THE best examples of some pullquotes and other excellent tricks I have seen:

    http://www.mandarindesign.com/troops.html#opacitygreen

    There are others, but some of these are rather striking effects that may prove useful depending on the type of site.

  8. vkaryl
    Member
    Posted 9 years ago #

    Gosh, Jinsan, what a GREAT resource! Thanks....

  9. mjdave
    Member
    Posted 9 years ago #

    Thanks guys :-)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.