Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

General Questions /

General questions about getting started with SilverStripe that don't fit in any of the categories above.

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w

Inserting logo into theme


Reply


7 Posts   1076 Views

Avatar
Damo793

Community Member, 4 Posts

23 August 2011 at 1:03pm

Hi,
Im Having trouble inserting a logo into this theme 'http://silverstripe.org/higherground/', all my attempts have led to a layout change rather than a logo change.
Any advice would be greatly apprectiated

Avatar
MagicUK

Community Member, 60 Posts

24 August 2011 at 7:36am

If you are using chrome simply right click on the current logo and select 'inspect elelement'. This will give you the location of the logo image on your server. What you could do then is create your desired logo, go to the location of the file on your server and overwrite the current file with your new one.

Avatar
Damo793

Community Member, 4 Posts

24 August 2011 at 11:07am

Ive got this line of code

<h1 id="logo-text"><a href="index.html" title="">......<span>...............</span></a></h1>      
      <p id="slogan">............</p>   

Instead of having text as a logo I would prefer to have an image. Is there a way the code can be changed to do so?

Avatar
MagicUK

Community Member, 60 Posts

24 August 2011 at 9:30pm

Edited: 24/08/2011 9:46pm

Replace the code above with something like this:

<img src="theURLofYourImage.jpg" alt="logo"/>

if you want the logo to link to the homepage then it can be something link this:

<a href="$BaseHref"><img src="theURLofYourImage.jpg" alt="logo"/></a>

Avatar
Damo793

Community Member, 4 Posts

25 August 2011 at 4:45am

Thanks the code worked but now I need to align it, is there a way I can align it to an exact position?

Avatar
MagicUK

Community Member, 60 Posts

25 August 2011 at 5:33am

Think you really need to go learn HTML/CSS for this kind of thing! This has nothing to do with silverstripe.

To get you started:

Something like:

<img src="theURLofYourImage.jpg" alt="logo" class="logoAlignment"/>

and in your CSS stylesheet:

.logoAlignment{
<Add styles here>
}

CSS Styles Cheat sheet:
http://www.addedbytes.com/download/css-cheat-sheet-v2/png/

Avatar
Damo793

Community Member, 4 Posts

25 August 2011 at 6:06am

Yep, I think I do

Thanks for the help