Center Header Image in Generate Pro Theme

[kevinburke2]

I'm really having a time trying to get this image centered.

Before I added a image through the Appearance settings, I was able to center the Site title and tagline.

Now, I cannot get the image to center. Any ideas?

I have unregistered the header right widget, and here is what my CSS shows:

/*
Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	min-height: 111px;
}

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

.title-area {
	float: left;
	padding: 40px 0;
	text-align: center;
	width: 100%;
}

.header-full-width .title-area {
	width: 100%;
}

.header-image .title-area {
	padding: 0;
}

.site-title {
	font-size: 40px;
	font-weight: 600;
	line-height: 1;
}

.site-header .site-title a,
.site-header .site-title a:hover {
	color: #222;
}

.header-image .site-title > a {
	float: left;
	min-height: 111px;
	width: 100%;
}

.site-description {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.3;
}

.site-description,
.site-title {
	margin-bottom: 0;
}

.header-image .site-description,
.header-image .site-title {
	display: block;
	text-indent: -9999px;
}

http://www.iphoneparents.com

[Victor Font]

Add:

background-position: center !important;

to .site-header .site-title a, .site-header .site-title a:hover in style.css at line 1033.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[kevinburke2]

Victor, you are the MAN! Thank you!

Do you have a website?

[Author]

Posts