Editing Logo - MyInvision
Editing Logo
-
- Registered User
- Posts: 12
- Joined: Wed Mar 14, 2018 3:03 am
- Contact:
Re: Editing Logo
Link me to your board and I will see what is happeningmacuserman wrote:I cannot for the life of me figure out how to get my logo to display properly. Or even at all the best I can achieve is just to get it to flash up briefly right when loading the site for the first time then it goes away. Any ideas on how to get it to show on the forefront? I feel like it's there just hidden.
- Mannix_
- Registered User
- Posts: 1838
- Joined: Sun Oct 25, 2015 2:56 pm
- Name: Matt
- Contact:
Re: Editing Logo
www.ssgtirep.com/forum is the site url. I’m sure I’ve goofed it up in some noon sort of manner. I’m new to this so I am prone to making silly mistakes. Thanks for taking a look.Mannix_ wrote:Link me to your board and I will see what is happeningmacuserman wrote:I cannot for the life of me figure out how to get my logo to display properly. Or even at all the best I can achieve is just to get it to flash up briefly right when loading the site for the first time then it goes away. Any ideas on how to get it to show on the forefront? I feel like it's there just hidden.
-
- Registered User
- Posts: 12
- Joined: Wed Mar 14, 2018 3:03 am
- Contact:
Re: Editing Logo
- Mannix_
- Registered User
- Posts: 1838
- Joined: Sun Oct 25, 2015 2:56 pm
- Name: Matt
- Contact:
Re: Editing Logo
I'm not trying to achieve anything fancy, I just want to show a custom logo png file I've created in the upper left corner. To do this, I added my png file to the images folder inside the myinvision style. Then I edited the colours.css file in the style theme folder like this:Mannix_ wrote:Tell me what steps did you take in order to edit the logo and what were you are trying to achieve at the end?
.site_logo {
background-image: url("./images/SSRLOGO3.png");
}
That's all I've done so far.
-
- Registered User
- Posts: 12
- Joined: Wed Mar 14, 2018 3:03 am
- Contact:
Re: Editing Logo
That should do the trick but for some reason your overall_header.html file is missing that site_logo class and has some extra styling added instead and your colour.css doesn't seem to have the changes you've made applied. So first you need to fix your html file. Look for thismacuserman wrote:I'm not trying to achieve anything fancy, I just want to show a custom logo png file I've created in the upper left corner. To do this, I added my png file to the images folder inside the myinvision style. Then I edited the colours.css file in the style theme folder like this:Mannix_ wrote:Tell me what steps did you take in order to edit the logo and what were you are trying to achieve at the end?
.site_logo {
background-image: url("./images/SSRLOGO3.png");
}
That's all I've done so far.
Code: Select all
<span class="" style="background-repeat: no-repeat; background-position: 0% 0%; background-size: 100%; max-width: 100%; height: 95px; width: 432px; border-radius: 0px;"></span>
Code: Select all
<span class="site_logo"></span>
- Mannix_
- Registered User
- Posts: 1838
- Joined: Sun Oct 25, 2015 2:56 pm
- Name: Matt
- Contact:
Re: Editing Logo
-
- Registered User
- Posts: 12
- Joined: Wed Mar 14, 2018 3:03 am
- Contact:
Re: Editing Logo
I think I'm going to try and figure out how to just get rid of the site header and have it show up like this maybe:
With the site description underneath.
It's either that, or figure out how to change the header font to Helvetica Neue Black and then just reduce the logo to the red S. I'm not sure which is easier.
-
- Registered User
- Posts: 12
- Joined: Wed Mar 14, 2018 3:03 am
- Contact:
Re: Editing Logo
Code: Select all
h1 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
Code: Select all
h1 {
font-family: Helvetica Neue Black;
- Jodi-86
- Registered User
- Posts: 100
- Joined: Thu Nov 30, 2017 10:04 pm
- Contact:
Re: Editing Logo
- Mannix_
- Registered User
- Posts: 1838
- Joined: Sun Oct 25, 2015 2:56 pm
- Name: Matt
- Contact: