Education Theme Titles Don't Come Off

[Alex Navas]

I was reading through posts trying to find the issue but was unable to find the correct way to do this. I'm trying to add a logo to my site http://www.christianbusinessacademy.com so I'm using the custom header option. I uploaded the image and uncheck "Show header text with you image". Every time I hit save, the check mark is back and before I try again I refresh the site and see the logo and the title text. However, the logo is centered on not to the left of the header area and it's not clickable.

How do I remove the text title and keep my logo only which would be clickable and on the left side of the header?

Thanks for your help.

[Sridhar Katakam]

Nice to see you again Alex.

Until someone else gives a proper solution, you can use the following workaround. Note that site will get messy as your lower the width from desktop setting and hence you need to further write needed media queries.

Go to Appearance -> Header and remove the image.

Then use this CSS:

.header-image #title a {
    background: url('http://www.christianbusinessacademy.com/wp-content/uploads/2013/02/Christian-Business-Academy-Logo-S2.png') no-repeat;
}

.header-image #title-area, .header-image #title, .header-image #title a {
    width: 497px;
}

#header .widget-area {
    width: 643px;
}

---

Genesis Tutorials | Follow me on Twitter

[Alex Navas]

Hey Sridhar, thanks for replying. I did as suggested and the logo completely disappeared leaving the text title still there.

I then deactivated the Genesis Header plugin and reactivated it and now the logo shows up without the text, only it is centered instead of to the left of the navigation.

[Sridhar Katakam]

Firebug shows http://cl.ly/image/0o3J2l1N0x17

Is that something you have added? the 'center' and '!important' especially, as marked.

---

Genesis Tutorials | Follow me on Twitter

[Alex Navas]

I don't even see that within the css. I searched manually and the search feature within the browser and didn't find it. For some reason now, something affected the responsiveness and it throwing off the page.

[Sridhar Katakam]

For some reason now, something affected the responsiveness and it throwing off the page.

Yes, I wrote in the first post:

"Note that site will get messy as your lower the width from desktop setting and hence you need to further write needed media queries."

I think you should create a ticket about this as it seems to be a basic functionality of being able to set a logo that you are trying to do here.

---

Genesis Tutorials | Follow me on Twitter

[Susan]

Did you see this thread?

education-header

[Alex Navas]

I did Susan and I took that out. The only thing I see in CSS now is

.header-image #title-area,
.header-image #title,
.header-image #title a {
background-image: url(http://www.christianbusinessacademy.com/images/ChristianBusinessAcademyLogo-S.png) no-repeat left;
display: block;
float: left;
height: 110px;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 497px;
}

[avhslibrary]

Thank you, Susan! This worked for me. I was having the same issue.

 

Erik

[Mak-Donuts]

Odd...an easy way in the past is to just replace the "logo.png" file in the images folder with your  company logo; for some reason this  didn't work.

However, after I called the file something completely different;  uploaded via FTP in the images folder; then changing the file name on the style sheet - it worked!

.header-image #title a {
background: url(images/WHATEVERyouNAMEit.png) no-repeat center left;

 

 

[Susan]

I'm glad the issue is resolved for both of you. I will close this thread as "resolved" - go ahead and start another thread if you have any more questions.

[Author]

Posts