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.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

General Questions /

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

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

Inserting logo into theme


Go to End


7 Posts   2225 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