Logo as Text?

14 posts from 7 voices

• Started 1 year ago by hiegl
• Latest reply from brobins
• This topic is not a support question

Tags:

• blog name
• child theme
• logo

1. 

   hiegl
   Member

   Hi, how could I have the logo as normal text instead of an image?

   Posted 1 year ago #
2. 

   Chris Beard
   

   Hi,

   yes, open up your header.php and find
   echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png');
   replace it by
   echo "<h1>Logo</h1>";

   Posted 1 year ago #
3. 

   eljayusa123
   Member

   I'm brandnew to this, how do I replace the abundance logo with my own

   Posted 1 year ago #
4. 

   Dude
   Dude

   Hey,
   you can upload your own logo. Go to Abundance > Theme Options and upload your logo there ("Logo" option).

   Posted 1 year ago #
5. 

   hiegl
   Member

   Thanks Chris! I expected something like this, but let me make a proposal. How about using the form field in the settings to insert a page title or (like now) the image link. This might improve the already great backend. Falling back to the Angular default logo, if nothing is selected, would surely never get used by anyone. ;-)

   Posted 1 year ago #
6. 

   andrija
   Member

   Changing the header.php would mean that on a theme update all the changes will be lost. Is there a way to do a child theme with such changes please?

   Posted 1 year ago #
7. 

   JedE
   Member

   I've implemented the approach editing the header however when I include a hyperlink, it breaks the site and end-user pages do not load.

   I used :
   

   echo "<a href='http://www.mylink.com'>Name of my Site</a>";

   Can anyone advise why this would cause a fatal error and how to correct?

   Thanks

   Posted 1 year ago #
8. 

   Dude
   Dude

   1) I'm not sure if this can be done with child themes but I don't think so. You can try to place a modified header.php in the child theme folder.

   2) You need to replace following code with your link/text:
   

   echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png');

   - the code JedE posted seems to be correct.

   Posted 1 year ago #
9. 

   brobins
   Member

   Hi,

   Would it possible to use a custom Google font for the Logo as text?

   Many Thanks,

   Posted 1 year ago #
10. 

    brobins
    Member

    2 weeks without a response. Seriously, support here has been REALLY lacking recently!!

    Posted 1 year ago #
11. 

    Chris Beard
    

    Hi,

    yes, some posts were missed. You seem like a frequent requester (30 topics). Have you checked the advanced search option? If a post isn't replied to within two to three days you can always reply to the same topic again to make sure it doesn't get lost.

    You can use FireBug for FireFox or Google Chrome to right click an element and inspect it. This will tell you which class the element has. In this case, "h1 .logo". Then, there's this topic which tells you how to add the styling, except you'll have to change the #top .main... mentioned in there with "h1 .logo". Then - you have to include the code given to you by google when selecting your font here. This goes in the header.php file anywhere between the opening and closing of the head tag.

    I hope this helps :)
    Let us know if it works.

    Posted 1 year ago #
12. 

    brobins
    Member

    Hi,

    Thanks for your response. Yes I have used the advanced search option, it is a very useful tool and I find a lot of answers through it.

    I guess I am a frequent requester, but until I can make the desired tweaks to the site I am unable to put mine or my clients name to it. It has to be right, I am sure you understand this. Until then, this is where I will come for support :)

    It is all very nit picky, but as I work in a visual based industry it is justified.

    Most tweaks / changes are only simple things anyway, just not for me as I am no developer.

    Thank you for all your help so far.

    Posted 1 year ago #
13. 

    Dude
    Dude

    > Would it possible to use a custom Google font for the Logo as text?

    Basically yes - you'd need to wrap your logo text into a span/div with a custom class. Then use the font-family attribute: http://www.css3.info/preview/web-fonts-with-font-face/ to apply your custom font.

    Posted 1 year ago #
14. 

    brobins
    Member

    Thanks for the answers. Great stuff!

    So say for example I wanted to use the google font that comes with Angular "Questrial"

    What would i need to do to implement that?

    Sorry to come back, I am just a little unsure of how to properly implement this change.

    Many Thanks,

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.