Logo Not Showing Full Size

[Critterlover57]

Hey, Guys!

I'm so sorry to bother you again. However, now that the logo IS showing, it isn't showing full size. Is there any code that I can tweak to get it show at full size?

Thanks again!

[Kindred]

you/we would need to look at your site --  I'm betting that the issue is the size of the CONTAINER that the image is in -- in the CSS, it resizes the image to fit that container.

[Critterlover57]

Hi,

Thanks for the reply. Here's a link to my site ... https://thebetterrescuebureau.com/forum

[Kindred]

yup

Code Select Expand

#top_section .inner_wrap, #wrapper, #header, #footer .inner_wrap {
  max-width: 1200px;
  margin: 0 auto;
  width: 90%;

however -- I will say that, IMNSHO, the logo looks better like it is -- removing the max-width and width statements makes is look obnoxious.

[Critterlover57]

Thank you. Is that index.css? I will check it out and maybe resize accordingly. I appreciate your opinion! Thank you 

[Critterlover57]

I tweaked the code I think was right, but it resized BOTH the logo and the forum. Is there any special css I can add to just tweak the logo. I just want it to be the same width as the forum container.

Thanks for all the help. I really appreciate it.

[shawnb61]

You could try this:
https://www.simplemachines.org/community/index.php?topic=589238.0

It's designed to work on vanilla code, or close enough...

[Critterlover57]

Hi,

Obviously, I'm a newbie so please, correct me if I'm wrong, but I assumed you install it like any other mod, and my site refused it ... So back to square one.

Thanks anyway!

[shawnb61]

I assumed you install it like any other mod, and my site refused it ...

Yep.  You would want to back out any logo centering changes you attempted before applying.

[Sir Osis of Liver]

Looks ok to me.

[Critterlover57]

Hi,

It's centered, but I don't like that it's not as wide as the board itself. I would like everything to be the same width.

Any code snippets you can share?

[Sir Osis of Liver]

First thing you need to do is disable minified css -

Admin > Features and Options > Minimize CSS and JavaScript files

Then try this in index.css -

Code Select Expand


h1.forumtitle {
  font-size: 1.8em;
  font-family: "Tahoma",sans-serif;
  padding: 22px 0px 6px 0px;
  font-weight: 400;
  flex: 1 1 auto;
}

#header {
  padding: 2px 2px 12px 2px;
  display: flex;
  align-items: flex-end;
  width: 100%;
}


That should make the banner same width as the main wrapper.

[Critterlover57]

Hi, There!

Thank you! Please forgive my ignorance, but do I find similar code and replace it with your code, or just add it to the top?

Thanks Again!

[Sir Osis of Liver]

Just look for that code.  You're changing the padding in h1.forumtitle, and adding width to #header.

[Critterlover57]

Hi,

Found the code, replaced it with yours. Still no change. Maybe I'm asking too much. It just doesn't look right with the logo being smaller than the board.

Thanks for trying. If you have any other ideas, let me know.

[Sir Osis of Liver]

I'm seeing this -

You cannot view this attachment.

Is that what you want?

[Critterlover57]

YES!!!!

I don't know how to include a screenshot, but I see it the old way, and that's after clearing my cache and doing a hard refresh. So, that's odd. But, I guess if you're seeing it the way I want people to see it, that's probably all that matters, huh?

[Sir Osis of Liver]

You should be seeing that.  Clear your browser cache.

[Critterlover57]

Cleared, restarted machine and did a hard refresh. Still the old way. That's just weird!

[Sir Osis of Liver]

Clear forum cache.