Grow your CSS skills. Land your dream job.

How to achieve this in WordPress?

  • # December 6, 2012 at 2:07 pm

    How can I enlarge some part of my post like this? Is it CSS or something else? and can you please direct me to some guide which can tell me how to do this in WordPress?

    # December 6, 2012 at 2:36 pm

    Sure, this is possible with CSS. [JSFiddle Example](http://jsfiddle.net/HVRVa/ “example”)

    If you just have a style for your “blockquote” tag in your style-sheet, you can just use that tag whenever you want an aside/quote like that.

    If you can provide a link we can tell you exactly what they did.

    # December 6, 2012 at 3:03 pm

    You could also use JQuery to “clone” a section of the content and output a blockquote or other element. That way you could add a class to a particular phrase or paragraph you like and it will create an additional element copying out the content.

    # December 6, 2012 at 3:05 pm

    Jeffery Way does a really good “learn jQuery in 30 days” on nettuts that covers this exact thing. What I liked about that was it explained how to use javascript in a way that kept it from being considered duplicate content by search engines.

    # December 6, 2012 at 3:25 pm

    That image is from theverge.com where they use pull quotes all of the time. They don’t use an jquery but code the part they want pulled. They use the quote tag (q) and apply the styles in CSS. I know they dont’ use jquery because they show up in rss unstyled with double quotes. This article has them http://www.theverge.com/2012/12/6/3735676/tim-cook-apple-media-tour

    # December 6, 2012 at 3:31 pm

    @andy_unleash & @JoshWhite That’s a cool method – I had not thought of that.

    @stevencrader Oh yeah, the “q” tag. I need to commit that one to memory

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".