How to Add Your Own Logo to the Masthead for Dolphin and Orca (also shows you where to change the height)
This has got to be one of the top questions of all time. This tutorial shows you how to replace the default logo.
Requirements
You have a logo sized at a default of 296x69 pixels. When you upload it, it gets renamed to logo.gif. If your logo is bigger than that, this tutorial has the instructions as well.
Instructions
1. Login to admin.
2. Go to Settings > Basic Settings
3. Under "Change Main Logo" browse for your logo and upload it.
4. Refresh you main site. You should see your logo.
If you need to put in a larger logo, you need to update the CSS files. You can update the CSS file via the admin panel or you can update it from your computer (if you have a local copy) and then ftp it over to the server.
I opted to update it locally. But if you want to update it via the admin panel, just go to Settings > CSS Style Editor and choose the file you want to edit in the drop down menu. You may get a message that says, "Editing file general.css: File general.css is not writable". This means you need to set the permissions on the css file. You can find out how to do that here [insert link].
They are:
general.css located in templates/tmpl_uni/css/general.css
uni.css for orca located in orca/layout/uni/css/uni.css
You need to change the "topBlock" tag. Here is the sample below:
.topBlock
{
position:relative;
/*height:73px;/
height:100px;
border:0px dashed blue;
margin-bottom:0px;
}
What I did was comment out the original height of 73px. I then copied and pasted the value to have a height of 100px.
Same deal for the orca top block tag.
Adjust the masthead/logo height area in Orca
Open up the uni.css file located in /orca/layout/uni/css
Change the top block tag to this:
.topBlock
{
position:relative;
/*height:73px; jt note*/
height:100px;
border:0px dashed blue;
margin-bottom:0px;
}
Try it out and if you have any questions about this Dolphin tutorial let me know.
Download(s)
N/A
Addendum
N/A
|
