HexagonReborn

A few questions - HexagonReborn

A few questions

by mintaka » Sun Aug 05, 2018 10:48 am

Hello! I'm brand new to phpBB so please do forgive the fact that these are probably stupid questions.

1) The one actual problem I'm having with the theme is this: the first category isn't formatted the way that the rest of the categories are. The forum and topic names are all there, but it's all plain text and smushed right up against the left of the screen. I've no idea what I did. Could it be one of the extensions I downloaded that's incompatible with the theme maybe?

2) I have the avatar size at 250x400. It appears smaller in posts but full size when I click on my profile. I've tied resetting it and then putting it back at this size in the ACP avatar settings, which didn't work, so what else could I try? I'm guessing it's something in the theme itself as this worked perfectly well with the prosilver one but I really don't know.

3) What would I edit in the sidebar file to put in things? I'd like to add a Discord widget for chatting directly from the forum, and I have all the code on the Discord end. I just don't know what to change or remove or what have you. I also don't think the sidebar is actually enabled at this time, and I don't know how to check if it is.

4) ) How do I change the header image at the top of the page? And is there an option for me to be able to have that header as a hover image?
mintaka
Registered User
Posts: 33
Joined: Sat Aug 04, 2018 6:05 pm
Contact:

Re: A few questions

by Mannix_ » Sun Aug 05, 2018 11:12 am

mintaka wrote: 1) The one actual problem I'm having with the theme is this: the first category isn't formatted the way that the rest of the categories are. The forum and topic names are all there, but it's all plain text and smushed right up against the left of the screen. I've no idea what I did. Could it be one of the extensions I downloaded that's incompatible with the theme maybe?
No idea, maybe it's the extension causing that or you did edit something I don't know. Disable all extensions and if that fixes it if not reupload the original files of the theme.
mintaka wrote: 2) I have the avatar size at 250x400. It appears smaller in posts but full size when I click on my profile. I've tied resetting it and then putting it back at this size in the ACP avatar settings, which didn't work, so what else could I try? I'm guessing it's something in the theme itself as this worked perfectly well with the prosilver one but I really don't know.
Yes you are correct I change the width of post body and post profile if you want to play with that to get bigger images use inspect element and play with width for postprofile class and postbody class and see what file you need to edit to apply the changes.
mintaka wrote: 3) What would I edit in the sidebar file to put in things? I'd like to add a Discord widget for chatting directly from the forum, and I have all the code on the Discord end. I just don't know what to change or remove or what have you. I also don't think the sidebar is actually enabled at this time, and I don't know how to check if it is.
Sidebar if off by default to turn it on open options.html file and change <!-- DEFINE $SIDEBAR = 'no' --> Options: YES | NO from no to yes. The content you want in the sider bar you need to put in the sidebar.html file.
mintaka wrote: 4) ) How do I change the header image at the top of the page? And is there an option for me to be able to have that header as a hover image?
Just upload your image to theme/images folder and make sure it's in png format and in 500x175 dimensions. Not sure what you mean by hover image ?
-=-=-=-=-=-=-=-=-=-=-=-=-My Styles-=-=-=-=-=-=-=-=-=-=-=-=-
HexagonHexagonRebornCleanSilverProject Durango
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Want me to port a style to 3.2.x etc. contact me here or on twitter.
User avatar
Mannix_
Registered User
Posts: 476
Joined: Sun Oct 25, 2015 2:56 pm
Contact:

Re: A few questions

by mintaka » Mon Aug 06, 2018 7:16 pm

Mannix_ wrote:No idea, maybe it's the extension causing that or you did edit something I don't know. Disable all extensions and if that fixes it if not reupload the original files of the theme.
That fixed it, thank you!
Yes you are correct I change the width of post body and post profile if you want to play with that to get bigger images use inspect element and play with width for postprofile class and postbody class and see what file you need to edit to apply the changes.
I pulled up the inspect but it's not listing any file names.
Sidebar if off by default to turn it on open options.html file and change <!-- DEFINE $SIDEBAR = 'no' --> Options: YES | NO from no to yes. The content you want in the sider bar you need to put in the sidebar.html file.
I change the options.html file and reuploaded it to the site's FTP, but nothing happened.
Just upload your image to theme/images folder and make sure it's in png format and in 500x175 dimensions. Not sure what you mean by hover image ?
I mean something like this.
mintaka
Registered User
Posts: 33
Joined: Sat Aug 04, 2018 6:05 pm
Contact:

Re: A few questions

by Mannix_ » Tue Aug 07, 2018 7:50 am

mintaka wrote: I pulled up the inspect but it's not listing any file names.
you need to see something like that https://imgur.com/5W9LBiT https://imgur.com/6lB0v9D Be sure to to make the postbody width shorter first then make postprofile wider
mintaka wrote: I change the options.html file and reuploaded it to the site's FTP, but nothing happened.
Did you purged your browser and phpb cache after?
mintaka wrote:I mean something like this.
Have you try to google it. Quick 5 sec search https://www.w3schools.com/howto/howto_c ... verlay.asp . Be Careful and use different classes so it doesn't break other stuff I can say for sure overlay class is already in use.

EDIT: I managed to do the overlay thing all you need to do is:
Open overall_header.html file find:

Code: Select all

<span class="site_logo"></span>
and add between <>

Code: Select all

<sup class="overlay-logo">
    <sup class="text">Hello World</sup>
  </sup>
like this:

Code: Select all

<span class="site_logo"><sup class="overlay-logo">
    <sup class="text">Hello World</sup>
  </sup></span>
then open hexagon.css and add at the bottom:

Code: Select all

.site_logo {
	    position: relative;
}
.overlay-logo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #262626;
}
.site_logo:hover .overlay-logo {
    opacity: 1;
}
.text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
Purge the cache after.
-=-=-=-=-=-=-=-=-=-=-=-=-My Styles-=-=-=-=-=-=-=-=-=-=-=-=-
HexagonHexagonRebornCleanSilverProject Durango
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Want me to port a style to 3.2.x etc. contact me here or on twitter.
User avatar
Mannix_
Registered User
Posts: 476
Joined: Sun Oct 25, 2015 2:56 pm
Contact: