Stacking Text Beside a Picture

mbrando4 · Member · Dec 24, 2012 at 10:08 pm
Copy link

Add topic to favorites
How do I stack “The Peplum” so that my title looks like…

The
Peplum

Also, how can I code the CSS to allow to me to import a picture to place to the left of my newly stacked title?

The blog I need help with is: (visible only to logged in users)
designsimply · Member · Jan 1, 2013 at 9:20 pm
Copy link
With CSS only, I’d just make the container for the site title smaller to force the text to wrap. Here’s an example:
```
#site-title {
	width: 160px;
}
```
Add that to your Appearance → Custom Design → CSS editor and click the Preview button to see it working.
designsimply · Member · Jan 1, 2013 at 9:25 pm
Copy link
Also, how can I code the CSS to allow to me to import a picture to place to the left of my newly stacked title?

First, import the picture to your media library and grab the URL.
http://en.support.wordpress.com/media/media-add-new/

Next, here is an example showing how to add a background image to the site title in the Origin theme:
```
#site-title {
	width: 160px;
	height: 100px;
	padding-left: 110px;
	background: url('http://s.wordpress.org/about/images/wordpress-logo-notext-bg.png') -40px center no-repeat;
}
```
You’ll want to replace the url() value with the link to the image you uploaded to your media library. Then adjust all of the numbers until the spacing looks good to you.

No items found.