Game Talk Forum

[Ravenfreak]

I noticed that the "About the Game Talk Announcements category" has the default new category text rather than unique text. Also interesting that you went with Discourse for your community!

About the Game Talk Announcements category

(Replace this first paragraph with a brief description of your new category. This guidance will appear in the category selection area, so try to keep it below 200 characters.) Use the following paragraphs for a longer description, or to establish category guidelines or rules: Why should...

gametalk.tv

 

[Cory]

Here's how the logo would appear if it were 500x500:

 

[fords8]

Here's how the logo would appear if it were 500x500:

View attachment 1313

Discourse I think is rendering at 43x43. I only used Discourse once before. And it was a while ago. So I don't remember all the settings.

 

[Cpvr]

Discourse I think is rendering at 43x43. I only used Discourse once before. And it was a while ago. So I don't remember all the settings.

It’s possible to edit the size of the logo by directly adjusting the logo size by adding CSS to the site’s theme.

Just Select the theme you are using and click on Edit CSS/HTML.

In the Common > CSS section, add something like this:


.d-header .title img {
max-height: 80px; /* or whatever size you want */
width: auto;
}

If the logo shrinks too much on mobile, then you can add this:
@media (max-width: 768px) {
.d-header .title img {
max-height: 60px;
}
}

however, the width and height may need to be adjusted.

 

[fords8]

It’s possible to edit the size of the logo by directly adjusting the logo size by adding CSS to the site’s theme.

Just Select the theme you are using and click on Edit CSS/HTML.

In the Common > CSS section, add something like this:


.d-header .title img {
max-height: 80px; /* or whatever size you want */
width: auto;
}

If the logo shrinks too much on mobile, then you can add this:
@media (max-width: 768px) {
.d-header .title img {
max-height: 60px;
}
}

however, the width and height may need to be adjusted.

Thanks for the info. @Timelord_ maybe that will help you out.

 

[Cory]

I think the direct height needs to be adjusted since it is currently relative to the font size of the parent element using the em unit. You can shrink it down to a maximum of 64px with the image in the current state.

#site-logo {
    height: 64px !important;
}

Using an image editor to crop out some of the extra space would probably be best. For example:



Now, you don't have to modify the CSS whatsoever with the turnout:

 

[Timelord_]

I think the direct height needs to be adjusted since it is currently relative to the font size of the parent element using the em unit. You can shrink it down to a maximum of 64px with the image in the current state.

#site-logo {
    height: 64px !important;
}

Using an image editor to crop out some of the extra space would probably be best. For example:

View attachment 1314

Now, you don't have to modify the CSS whatsoever with the turnout:

View attachment 1315

Do you have a recommended image editor that can help with this?

By the way - thank you for this!

 

[Timelord_]

It’s possible to edit the size of the logo by directly adjusting the logo size by adding CSS to the site’s theme.

Just Select the theme you are using and click on Edit CSS/HTML.

In the Common > CSS section, add something like this:


.d-header .title img {
max-height: 80px; /* or whatever size you want */
width: auto;
}

If the logo shrinks too much on mobile, then you can add this:
@media (max-width: 768px) {
.d-header .title img {
max-height: 60px;
}
}

however, the width and height may need to be adjusted.

Thank you for this! I will test it in my sandbox and get back you with the results.

 

[Flower]

The interface is quite neat and responsive.

 

[Timelord_]

The interface is quite neat and responsive.

Thank you for the kind words!

What would be nicer than words would be if you signed up and said hello