Education Theme Titles Don't Come Off

Community Forums Forums Design Tips and Tricks Education Theme Titles Don't Come Off

This topic is: resolved

This topic contains 10 replies, has 5 voices, and was last updated by  Susan 1 year, 6 months ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #21906

    Alex Navas
    Participant
    Post count: 5

    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.

    #21912

    Sridhar Katakam
    Participant
    Post count: 1013

    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:

    [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;
    }
    [/css]


    #21964

    Alex Navas
    Participant
    Post count: 5

    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.

    #22008

    Sridhar Katakam
    Participant
    Post count: 1013

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

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


    #22020

    Alex Navas
    Participant
    Post count: 5

    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.

    #22023

    Sridhar Katakam
    Participant
    Post count: 1013

    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.


    #22045

    Susan
    Moderator
    Post count: 8934

    Did you see this thread?

    education-header


    Susan @ Graphically Designing I’d love to customize your website! I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #22067

    Alex Navas
    Participant
    Post count: 5

    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;
    }

    #22727

    avhslibrary
    Participant
    Post count: 18

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

     

    Erik

    #22776

    Mak-Donuts
    Participant
    Post count: 7

    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;

     

     

    #22778

    Susan
    Moderator
    Post count: 8934

    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.


    Susan @ Graphically Designing I’d love to customize your website! I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Education Theme Titles Don't Come Off’ is closed to new replies.