Sixty Nine: Can I add a logo next to my URL Title (company name)

[beoleary1]

I have an image above the URL Title, but would like the URL Title which is my company name to be an image. Is this possible?

[Brad Dalton]

Link to your site please.

---

Tutorials for StudioPress Themes.

[beoleary1]

microsprayinternational.com

You will need the following access code to enter since it is under construction:

Hide my Site: asdfn$rT6

[Brad Dalton]

You would need to edit the CSS to do that and i think it would be better if your logo and title where included in the same image.

---

Tutorials for StudioPress Themes.

[beoleary1]

That's exactly my thoughts. I am not a CSS master. Not sure what to do. Is there a certain size to build to, etc.

[Brad Dalton]

Here's the CSS:

.site-header .avatar,
.site-header .site-avatar img {
	border-radius: 50%;
	display: block;
	float: none;
	height: 112px;
	margin: 0 auto 24px;
	margin: 0 auto 2.4rem;
	width: 112px;
}

And here's the PHP:

//* Add support for custom header
add_theme_support( 'custom-header', array(
	'admin-preview-callback' => 'sixteen_nine_admin_header_callback',
	'default-text-color'     => 'ffffff',
	'header-selector'        => '.site-header .site-avatar img',
	'height'                 => 224,
	'width'                  => 224,
) );

Changing the height isn't a problem.

---

Tutorials for StudioPress Themes.

[beoleary1]

If I understand your thinking, I am changing the logo area which is the avatar to know be an image plus logo plus company name?

[Brad Dalton]

You'd need to change this as well.

.site-header {
	background-color: #000;
	color: #999;
	float: left;
	height: 100%;
	padding-top: 40px;
	padding-top: 4rem;
	position: fixed;
	text-align: center;
	width: 240px;
}

.site-header a,
.site-header a:hover {
	color: #fff;
	text-decoration: none;
}

.header-image .site-header {
	padding: 0;
}

/* Title Area
--------------------------------------------- */

.site-title {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 400;
	letter-spacing: 1px;
	letter-spacing: 0.1rem;
	line-height: 1;
	margin-bottom: 10px;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

.site-title a,
.site-title a:hover {
	color: #fff;
	text-decoration: none;
}

.site-description {
	color: #999;
	font-family: 'Playfair Display', serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-style: italic;
	font-weight: 300;
	margin-bottom: 40px;
	margin-bottom: 4rem;
}

---

Tutorials for StudioPress Themes.

[beoleary1]

Thank you

[Author]

Posts