Remove Logo

23 posts from 6 voices

• Started 2 years ago by zoro
• Latest reply from Dude
• This topic is closed
• This topic is not a support question

Tags:

• remove logo

1. 

   zoro
   Member

   How can I remove the Cubit logo from header ?

   Posted 2 years ago #
2. 

   James Morrison
   Former Team Member

   Do you want to get rid of the logo area completely or just change the logo to your own or text?

   If you want to remove it completely, open up header.php, find and delete this code:

   <h1 id='logo'><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1>

   Posted 2 years ago #
3. 

   zoro
   Member

   Yes, I would like to replace it with my own logo, how can I do this?

   Also, my logo is a lot larger, will this matter?

   Thanks for your advice.

   Posted 2 years ago #
4. 

   James Morrison
   Former Team Member

   Save your logo as logo.png and place it in the relevant images folder (depending on your style choice).

   Depending on its' size, the CSS may need adjusting, drop me a link if it doesn't fit or look right.

   Posted 2 years ago #
5. 

   trey14175
   Member

   Hi James, Unfortunately im having the same problem with changing the logo. Where do i start? I have the logo but dont really have any idea where to replace it.

   Thanks,

   Trey Nelson

   Posted 2 years ago #
6. 

   James Morrison
   Former Team Member

   Ok, in Cubit's theme directory you have image folders (images1 / images2 etc right through to images6).

   I need the site URL to work out which one you've used, but the logo should be saved as logo.png and moved into the right folder (if you're not sure which one and want to get on with it straight away duplicate the logo and save to every folder :)

   Upload the logo.png file(s) and you should be all set.

   Posted 2 years ago #
7. 

   zoro
   Member

   Hi James,

   I have successfully managed to remove the logo. But there is a problem.
   In so doing there is now a BIG gap (like a really big ugly gap) between the header and the 3 posts below.

   How can I fix this?

   Posted 2 years ago #
8. 

   James Morrison
   Former Team Member

   Hey,

   Please post the site URL so I can take a look :)

   James

   Posted 2 years ago #
9. 

   zoro
   Member

   Hi James,

   Here is the URL : http://renttoownhomes.allja.com/

   I also noticed that the Menu Tabs are now appearing in the middle of the header?

   Posted 2 years ago #
10. 

    James Morrison
    Former Team Member

    Hey,

    Open up /style.css and on line 29 you should find this code:

    #frontpage #head {
    height: 425px;
    }

    Change it to:

    #frontpage #head {
    height:285px;
    }

    You can change the 285px value to anything you like but this value looks ok for your site.

    James

    Posted 2 years ago #
11. 

    zoro
    Member

    Thanks James, that's fixed the logo/Gap problem ... But not the Menu Tabs issue?. They are still appearing in the middle of the right slider header image? http://renttoownhomes.allja.com/

    Please advise

    Posted 2 years ago #
12. 

    James Morrison
    Former Team Member

    Hey,

    The navigation uses absolute positioning and because some elements have been moved around the CSS needs adjusting.

    Open up style.css and around line 80 change this:

    #top #nav {
    float:left;
    position:absolute;
    right:20px;
    top:107px;
    }

    to this:

    #top #nav {
    float:left;
    position:absolute;
    right:20px;
    top:80px; /* Note: this has changed */
    }

    James

    Posted 2 years ago #
13. 

    zoro
    Member

    All Good ! .... Thanks Mate.

    Posted 2 years ago #
14. 

    levipage
    Member

    Hi Please look at this how do i fix the logo, thanx so much

    Posted 2 years ago #
15. 

    levipage
    Member

    Sorry, here is the link http://paxcollege.co.za/wordpress/

    Posted 2 years ago #
16. 

    Dude
    Dude

    Hey,
    open up style.css and change following code:
    

    #logo{
    	position:relative;
    	height:127px;
    	width:313px;
    	left:25px;
    	padding:0;
    	}
    #logo a{
    	display:block;
    	height:127px;
    	width:313px;
    	text-indent:-9999px;
    	position:absolute;
    	outline:none;
    	}

    to:
    

    #logo{
            margin-top: 15px;
    	position:relative;
    	height:127px;
    	width:313px;
    	left:25px;
    	padding:0;
    	}
    #logo a{
            margin-top: 15px;
    	display:block;
    	height:127px;
    	width:313px;
    	text-indent:-9999px;
    	position:absolute;
    	outline:none;
    	}

    Posted 2 years ago #
17. 

    levipage
    Member

    Thanx so much, sorry for the cross post!! Keep well

    Posted 2 years ago #
18. 

    Dude
    Dude

    Glad that I could help you :)

    Posted 2 years ago #
19. 

    Hernanc
    Member

    Hi,

    Sorry I don't find the Cubit's theme directory, where I can change the Logo image.
    Please indicate where exactlty it is placed.

    Regards,
    Hernan

    Posted 1 year ago #
20. 

    Dude
    Dude

    Hey,
    the theme directory is located in: wp-content/themes/
    The logo is located in wp-content/themes/cubit/images1/logo.png

    You need to use a ftp software like filezilla or your cpanel to access these directories.

    Posted 1 year ago #
21. 

    Hernanc
    Member

    Thansk, it works, but it is a little out of frame (www.kunticonsultores.com).
    I should reduce it? to what size? or it is posible to put it little lower?

    Regards,
    Hernan

    Posted 1 year ago #
22. 

    Hernanc
    Member

    sorry, I just notice that this issue was already posterd.
    Thks

    Posted 1 year ago #
23. 

    Dude
    Dude

    Glad that you found a solution :)

    Posted 1 year ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.