MyInvision

Editing Logo - MyInvision

Editing Logo

by macuserman » Mon Apr 23, 2018 3:33 am

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.
macuserman
Registered User
Posts: 10
Joined: Wed Mar 14, 2018 3:03 am
Contact:

Re: Editing Logo

by Mannix_ » Mon Apr 23, 2018 7:51 am

macuserman 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.
Link me to your board and I will see what is happening :)
-=-=-=-=-=-=-=-=-=-=-=-=-My Styles-=-=-=-=-=-=-=-=-=-=-=-=-
HexagonHexagonRebornCleanSilverProject Durango
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

Need help with styling or want me to port a style to 3.2.x etc. contact me here or here.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
User avatar
Mannix_
Registered User
Posts: 685
Joined: Sun Oct 25, 2015 2:56 pm
Contact:

Re: Editing Logo

by macuserman » Mon Apr 23, 2018 3:01 pm

Mannix_ wrote:
macuserman 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.
Link me to your board and I will see what is happening :)
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.
macuserman
Registered User
Posts: 10
Joined: Wed Mar 14, 2018 3:03 am
Contact:

Re: Editing Logo

by Mannix_ » Mon Apr 23, 2018 6:58 pm

Tell me what steps did you take in order to edit the logo and what were you are trying to achieve at the end?
-=-=-=-=-=-=-=-=-=-=-=-=-My Styles-=-=-=-=-=-=-=-=-=-=-=-=-
HexagonHexagonRebornCleanSilverProject Durango
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

Need help with styling or want me to port a style to 3.2.x etc. contact me here or here.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
User avatar
Mannix_
Registered User
Posts: 685
Joined: Sun Oct 25, 2015 2:56 pm
Contact:

Re: Editing Logo

by macuserman » Tue Apr 24, 2018 1:02 am

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?
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:

.site_logo {
background-image: url("./images/SSRLOGO3.png");
}

That's all I've done so far.
macuserman
Registered User
Posts: 10
Joined: Wed Mar 14, 2018 3:03 am
Contact:

Re: Editing Logo

by Mannix_ » Tue Apr 24, 2018 7:23 am

macuserman wrote:
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?
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:

.site_logo {
background-image: url("./images/SSRLOGO3.png");
}

That's all I've done so far.
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 this

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>
and change it to this

Code: Select all

<span class="site_logo"></span>
Then you need to make sure you've edited the correct colours.css file.
-=-=-=-=-=-=-=-=-=-=-=-=-My Styles-=-=-=-=-=-=-=-=-=-=-=-=-
HexagonHexagonRebornCleanSilverProject Durango
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

Need help with styling or want me to port a style to 3.2.x etc. contact me here or here.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
User avatar
Mannix_
Registered User
Posts: 685
Joined: Sun Oct 25, 2015 2:56 pm
Contact:

Re: Editing Logo

by macuserman » Tue Apr 24, 2018 9:57 pm

Alright! So it's working now, apparently I created a logo that is waaaay to big, but at least it is showing now if only a tiny cropped portion. Thanks for your help! Now I just have to figure out how to make it fit or find a way to make a smaller logo that I like and I'll be all set.
macuserman
Registered User
Posts: 10
Joined: Wed Mar 14, 2018 3:03 am
Contact:

Re: Editing Logo

by macuserman » Tue Apr 24, 2018 10:13 pm

This is what I'm getting now:
Image

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:

Image

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.
macuserman
Registered User
Posts: 10
Joined: Wed Mar 14, 2018 3:03 am
Contact:

Re: Editing Logo

by Jodi-86 » Wed Apr 25, 2018 4:20 am

To change the font, it's in the "common" css stylesheet,

Code: Select all

h1 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

Code: Select all

h1 {
    font-family: Helvetica Neue Black;
Just a suggestion you could make a logo image with the "S" plus the site name and the site description - then hide the H1 and description which would solve the overlapping.
Jodi-86
Registered User
Posts: 84
Joined: Thu Nov 30, 2017 10:04 pm
Contact:

Re: Editing Logo

by Mannix_ » Wed Apr 25, 2018 9:34 am

I see you figure it out already :)
-=-=-=-=-=-=-=-=-=-=-=-=-My Styles-=-=-=-=-=-=-=-=-=-=-=-=-
HexagonHexagonRebornCleanSilverProject Durango
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

Need help with styling or want me to port a style to 3.2.x etc. contact me here or here.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
User avatar
Mannix_
Registered User
Posts: 685
Joined: Sun Oct 25, 2015 2:56 pm
Contact: