Languages

---

About This Topic

• Posted 2 years ago
• By generousc
• Latest reply from Kenneth
• This topic is resolved

• Related Topics:

  • Detox - Dashboard error
  • Detox theme members bug
  • Detox shows Blank Page after activation
  • email error since activate Detox Theme
  • Detox - rotating images

Tags

• css
• detox

1. 

   generousc
   

   junior member
   

   
   Posted 2 years ago
   #

   I am completely new to WordPress and am trying to work some things out. I am using the ArtFull theme and I want to know how to remove the word Artfull at the top left corner and replace it with my own logo.

   Can anyone please help me!

   Thanks
2. 

   milo
   

   moderator
   

   
   Posted 2 years ago
   #

   Link?
3. 

   generousc
   

   junior member
   

   
   Posted 2 years ago
   #

   generouscourtesan DOT com

   thanks
4. 

   milo
   

   moderator
   

   
   Posted 2 years ago
   #

   1) Upload your logo.jpg to the artfull image folder
   2) Open style.css and find this line

   #header{background:transparent;width:100%;height:145px;margin:0 auto;padding:0;}

   change it to this

   #header{background:transparent url(images/logo.jpg) 0 0 no-repeat;width:100%;height:145px;margin:0 auto;padding:0;}
   you might have to adjust the two digits after the url like so
   url(images/logo.jpg) 0 20px
   to find the best placement of the image.

   3) find this line

   #header h1 a{margin:0;padding:0;color:#090909;letter-spacing:-4px;}

   and change it to this

   #header h1 a{display:block;height:80px;width:500px;text-indent:-90000px;margin:0;padding:0;outline:none;}
   where width an height indicates the size of your logo.jpg previously uploaded

   4) Find this line

   #header h1 a:hover{background:#fff;}

   and replace it with this

   #header h1 a:hover{background:transparent;}

   5) Also replace this lines

   #header h1 span{color:#900;letter-spacing:-4px;}
   .des{margin:-47px 0 0 0;padding:0 0 0 50px;color:#666;}
   .log{color:#666;font:bold 80% century gothic,verdana;height:20px;width:200px;
   position:absolute;right:1%;top:155px;}

   with this

   #header h1 span,.des,.log{display:none;}
5. 

   generousc
   

   junior member
   

   
   Posted 2 years ago
   #

   omg you are fantastic, thank you so much!!!!!!!!!!!!!!!!!!!!!!!!!! you're my new hero!!! Thanks Milo!
6. 

   generousc
   

   junior member
   

   
   Posted 2 years ago
   #

   sorry, just one more question, u say i must upload the image to the Artfull image folder, i take it that's different to the file I have in wordpress with images....is that right?
7. 

   generousc
   

   junior member
   

   
   Posted 2 years ago
   #

   Sorry Milo, I just can't find it anywhere...where do I find the Artfull image file?
8. 

   milo
   

   moderator
   

   
   Posted 2 years ago
   #

   Open ftp connect to your server, find this directory:
   /wp-content/
   inside there you will find another directory called
   /themes/
   open that too, search for the ArtFull folder, open that folder and you will find the image folder, so the full path is

   your server/wp-content/themes/ArtFull/images/

   drop the logo file inside the image folder.
9. 

   Kenneth
   

   new member
   

   
   Posted 2 years ago
   #

   Milo, great theme! I'm using Detox as well.

   I'm also having issues with the logo. I'm seeing my logo but that buddypressblogs "just another wordpress blog" blurb is hovering over my logo and it's not viewable. How do I remove that hover over writing all together?

   Thanks in Advance!
10. 

    milo
    

    moderator
    

    
    Posted 2 years ago
    #

    post URL.
11. 

    Kenneth
    

    new member
    

    
    Posted 2 years ago
    #

    stopitfive dot com, wow prompt replies I'm very impressed and much thanks.
12. 

    milo
    

    moderator
    

    
    Posted 2 years ago
    #

    style css:
    line 36
    find this

    #head h1 a{margin:10px 0 0 0;padding:0;color:#333;font:37px times new roman,georgia,Serif;font-weight:700;text-transform:uppercase;background:transparent;letter-spacing:-5px;text-decoration:none;display:block;}

    change to this

    #head h1 a{margin:10px 0 0 0;padding:0;background:transparent;display:block;height:60px;width:300px;text-indent:-90000px;}
13. 

    Kenneth
    

    new member
    

    
    Posted 2 years ago
    #

    Thanks Milo.