Jump to:

23368 Posts in 18143 Topics by 2863 members

General Questions

SilverStripe Forums » General Questions » Inserting logo into theme

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

Page: 1
Go to End
Author Topic: 991 Views
  • Damo793
    Avatar
    Community Member
    4 Posts

    Inserting logo into theme Link to this post

    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

  • MagicUK
    Avatar
    Community Member
    60 Posts

    Re: Inserting logo into theme Link to this post

    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.

  • Damo793
    Avatar
    Community Member
    4 Posts

    Re: Inserting logo into theme Link to this post

    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?

  • MagicUK
    Avatar
    Community Member
    60 Posts

    Re: Inserting logo into theme Link to this post

    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>

  • Damo793
    Avatar
    Community Member
    4 Posts

    Re: Inserting logo into theme Link to this post

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

  • MagicUK
    Avatar
    Community Member
    60 Posts

    Re: Inserting logo into theme Link to this post

    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/

  • Damo793
    Avatar
    Community Member
    4 Posts

    Re: Inserting logo into theme Link to this post

    Yep, I think I do

    Thanks for the help

    991 Views
Page: 1
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.