Forums

How to add a logo?

Permalink
This is my site:
http://therapyplayground.com/

Using the "Emplode" theme, and would like to add my logo to the upper left of the screen, or at least somewhere near the company name "Therapy Playground".

Or actually replace Therapy Playground with my logo.

Any ideas?
dibbc
 
okhayat replied on at Permalink Reply
okhayat
The site title appears within a DIV with an ID of site_title
In your CSS file, you can do something like:
div#site_title {
background: url(images/logo.png) top left no-repeat;
text-padding: -9000px;
}
This will use images/logo.png as the logo and hide the text within the title.
dibbc replied on at Permalink Reply
dibbc
Thanks for the info.

There are a ton of CSS files... which ones should I start looking in?

Sorry, I am new to CSS stuff.
dibbc replied on at Permalink Reply
dibbc
You got me on the right track, thanks!

I edited "style.css" with this:

#header div.sitename {
background: url(images/logo.jpg) top left no-repeat;
text-padding: -9000px;
}
PurpleEdge replied on at Permalink Reply
PurpleEdge
I haven't used the Emplode theme, but using the default theme you edit the header from...

Dashboard
Scrapbook
Global Scrapbook
In the default theme there is an entry for "My_Site_Name" Click the edit link - I edited that and replaced the text with an image and it works - easy when you know how! <g>

Don't know if the same steps apply to Emplode though?
dibbc replied on at Permalink Reply
dibbc
Hey thanks, that worked in Emplode too. I took it out though because my logo doesn't match the theme yet, but yeah, that worked great what you said. Thanks.
UpperSandusky replied on at Permalink Reply
UpperSandusky
I don't know if you are aware of this but if you don't like that theme here are a ton of pre-made themes. Very nice.

http://c5.tktools.jp/index.php/themegallery/?ccm_paging_p_b5275=21...
rbelt replied on at Permalink Reply
still having problems with getting a logo on my page. I followed all the steps listed above. any suggestions.
12345j replied on at Permalink Reply
12345j
Heres a more complex solution but with some work needed. open up an ftp browser- if you don't have one use a web based one like netftp. enter your login credentials and navigate to where concrete5 is located. this will be something like public_html and then either right there or in a subfolder called concrete5. once in the concrete5 directory, click on themes, then emplode. go to elements, then header.php. and edit header.php look for a block of php like this
<h1 id="logo"><!--
         <a href="<?php echo DIR_REL?>/"><?php 
            $block = Block::getByName('My_Site_Name');  
            if( $block && $block->bID ) $block->display();   
            else echo SITE;
         ?></a><!--
      </h1>

Replace that code with
<?php
    $a = new Area('Site Name');
    $a->display($c);
?>

If that block isn't in there, open up default.php or the page type you want to change, and follow the same steps. you'll have to do this separately for each page type you want to modify if you have to do this.

Basically what this code will do is to make you be able to edit your sitename, so you can add an image or text. If you want content and an image use this addon.
http://www.concrete5.org/marketplace/addons/content-around-image/...
hope this helps!
kappi replied on at Permalink Reply
Hi there, you could also just edit your header file located in the elements folder and add:

<h1 id="logo"><!--
         --><a href="<?php echo DIR_REL?>/"><img src="<?php echo DIR_REL?>/themes/giggles/images/logo.png" alt="Giggles Childminding" /></a><!--
      --></h1>


just change the theme title to what ever you are using.
hope it helps someone