Eleven40 theme blockquote in widget area

[mikeohope]

Hi everyone

Hoping someone can help me (almost no CSS skills) with the appearance of a testimonial in the sidebar on Eleven40.

I have used blockquote to add the testimonial but as you can see it pushed it across so that it looks a bit weird. http://bit.ly/1kVNQBS

Is is relatively easy to retain the font and styling but to wrap around the quotation mark and to utilise the full width of the widget space?

I only want to change the blockquote for this specific area - not across the site.

Any tips would be greatly appreciated.

Cheers
Mike

http://bit.ly/1kVNQBS

[nutsandbolts]

You could probably use .sidebar .blockquote in your stylesheet to style only that instance of the blockquote.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[mikeohope]

Thanks Andrea

To be honest I would not know where to start. I see that there is a particular font under blockquote in the CSS edit but have no idea where I would add the sidebar change or how I would get it to wrap around (novice).

[nutsandbolts]

Okay, here's what I would do if it was me personally.

Use a text widget and put this in (replacing the text with your own).

<img class="alignleft" src=http://highprofileenterprises.com/wp-content/themes/eleven40/images/blockquote.png><em>Text of the block quote goes here.</em>

The image class will allow the text to wrap around the image, and the <em> tags will make the text italic. So it's not an actual blockquote but it will look like one. Hopefully that makes sense!

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[mikeohope]

Thanks very much.

That's very helpful. I'll give it a try and let you know how I get on.

Cheers Andrea

[Author]

Posts