Toolbar & Text questions

hi

i have a few questions about my toolbar and text on homepage
this is what the toolbar looks like right now(don't mind the dark image below in the middle, its just mockup stuff showing cause of my image slider i added on top of the forum)



- how do i get the navbar links in the toolbar to be centered? as they obviously not right now which looks weird in my opinion
- i figured out the toolbar is coded to be above the header area and not on top like overlayed in the header ....
how do i get it to be overlayed on top of my background image in my header area if that makes sense?
- after the above is done, how do i make it so that the background color of the toolbar is transparent when you at the top of the forum but then when you scroll down, the background color of the toolbar changes to a solid color ? 
- how do i change font size of the navbar links and the font style?

as for my text questions about my homepage (not sure if underline is allowed, i read bold is not allowed as thats what staff does? sorry if this is also not allowed)
- all text like the board descriptions and text in the sidebar modules are displayed in bold, how can i change that manually per section?
as i would like to try out and see what board descriptions look like not bold and same goes for some widgets in the sidebar
- how can i change font size of the statistics widget?

thank you so much to those who will help me with these questions

Ape wrote:for us to help we would need to have the toolbar working so we can give you the right codes to move the navbar buttons for you.
I think it would be a matter of just adding a padding or margin to the left side

@ape
thanks for the quick reply
i am little confused though haha
how do you mean you need the toolbar to be working? it is working and enabled so? xD as shown on the screenshot
not sure what you need right now  could you clear it up please

i was able to infuse the nav menu into the toolbar with help from another old thread i saw coding stuff in

ALSO you were right about adding margin-left to the ''.headerbar ul.navbar.navlinks''
i added stuff in pixels and it moved more to the center BUT doing it like that, it won't be in center for literally everyone right?
because this margin stuff would be shown differently if someone is using a smaller pc resolution etc?

Sorry i see it when i looked again my mistake lol

I was going to say to you use this code

Code:

.navbar.navlinks {
    text-align: center !important;
    padding-left: 354px;
}

but as you said if some one with a smaller or bigger screen it may move a little bit

so i think this would be better for you

Code:

.navbar.navlinks {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

This should make it stay the same no matter what size screen you use.
 Screen shot of your navbar

Ape wrote:Sorry i see it when i looked again my mistake lol

I was going to say to you use this code

Code:

.navbar.navlinks {
    text-align: center !important;
    padding-left: 354px;
}

 but as you said if some one with a smaller  or bigger screen it may move a little bit

so i think this would be better for you

Code:

.navbar.navlinks {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

 This should make it stay the same no matter what size screen you use.
 Screen shot of your navbar

@ape

thanks for helping again
did not work
this is how it looks adding your code thing
may have to do with these codes from infusing navbar into toolbar? https://help.forumotion.com/t159209-navbar-inside-the-toolbar?highlight=navbar+links+inside+toolbar

EDIT OMG your code was dangerous
it made it so i could not click on anything anymore, incl the link that leads to admin panel LOL
luckily i figured just type it in url bar to get there but not everyone would think of doing that and just panic xD

Strange as it worked when I tested it on my test forum and on your forum using the browser tools.

Maybe it was something else in your CSS files it mixed up with.

sorry I can't help other then the codes i gave maybe @TheCrow can help you

@KPOP,

Sorry, but can you please post what exactly you want to do? I got really confused during reading your first post.

Regards,
TC.

@ape
no clue
thanks anyways
how about my other questions, could you maybe help with those?

@thecrow which part is confusing?
i am asking several things in my first post
the thing ape and i are struggling with is centering the navbar links on the toolbar
in a way that it will always be center, no matter someones screen size
i guess thats why he tagged you, to try and solve that

@KPOP,

If you center the navigation bar links, you'll have problems all the times. Just so you know, the reason why the navbar is on the left while being on the toolbar, is because, based on the user's name the notifications part changes and the nav links.
Example, if I register using a username

Code: Iamthegreatestperson

This will make thins really weird because of the name display on the profile and because of the name added to the logout link.

If you still want to try it out, you can try changing the number in the below code as you wish.
This is CSS code:

Code:

ul.navlinks { margin-left: 15% }

Regards,
TC.

@thecrow
thanks for helping
but what do you mean, if this is added, when more nav links be added or long name is on the right
the coding doesnt auto adjust so it stays in center? i guess its not responsive what you are saying?
there is no way to make it so?

btw if you were able to help me out with my other questions in the top post that would be wonderful

@slgray
appreciate the help but linking me to those threads makes no sense
they are not about my questions at all

i don't see answers on centering navbar links in a responsive manner
nor do i see the answer about the background colors and change when scrolling
also do not see an answer for changing text on my homepage and widgets

You said that you wanted to change the text font, correct?

@KPOP,
Since you added the navlinks on the toolbar it cannot be responsive anymore. That depends on the usernames. If the notifications and the profile of the default toolbar were not there it could be responsive. But as it is now it can't be. Your best option is leaving the navlinks as they were on the left.

Regards,
TC.

@thecrow thank you for helping me so much so far
greatly appreciated

there is no way to add more links to the official toolbar itself, right? so basically add a new manual menu and then deactivate the navigation bar?
real shame because i would love to have it so that the toolbar and navigation links are all together in one line and displayed in an aligned way that makes sense because right now it does not and its looks quite ugly this way

as i read the toolbar has to be activated to be able to even get notifications , right? - so its not like possible to even deactivate it?
why do we have the option actually? if we can deactivate it does that mean we can have the notifications and profile links from toolbar moved to else where?

maybe possible to deactive the toolbar and infuse the login / register + profile / notification buttons
within the official navigation bar? so like reversed if i make sense?

@KPOP,

The only way to get notifications is if you have the toolbar activated. Those who don't care about notifications, can close the toolbar.

As for the appearance of your toolbar to me it looks just fine as it is. There's not need to change it. All forums are like that. There's no way to deactivate the toolbar and still see the notifications somewhere else.

Regards,
TC.

TheCrow wrote:@KPOP,

The only way to get notifications is if you have the toolbar activated. Those who don't care about notifications, can close the toolbar.

As for the appearance of your toolbar to me it looks just fine as it is. There's not need to change it. All forums are like that. There's no way to deactivate the toolbar and still see the notifications somewhere else.

Regards,
TC.

@thecrow
ok got it
and the toolbar itself looks fine but i was talking about the position of the nav links are just terribly placed in a way it makes no sense
its not in the center nor on right or left place where it looks good and makes sense

so how about this idea, this must be doable i hope XD
could you help me out with coding how to position the navigation links floating on the left side and the notifications and username thing positioned on the right
BUT then aligned with the left side of the forum boards and the right stuff aligned with the right side of the widgets

here a screenshot on what i mean to help visually wise;
https://i.postimg.cc/cspT6BrH/card.jpg

@KPOP,

Images are always better.
As for what you are wanting. The problem is that there is responsiveness. Whether you want it to be responsive or not. And from what I've seen you want it responsive in all the ways.

Your computer though, it's different than mine. Have a look at your image and check this one:
https://i.servimg.com/u/f52/18/64/98/14/screen36.png

From what you can see, I only see 6 links instead of 8 you are seeing. Plus, in my screen I only see "Login" and "Register" on the right where you see "Welcome NAME" and "Notifications" You can see the word changes and how this can be really messed up upon responsiveness.

With your screen, coding can be tricky when applying them to be responsive. Because my screen is smaller and you don't know what I see. Regardless though, you can move the notifications and the username with codes yes. But my suggestion as a user, I'd suggest leaving the two links of the toolbar to the right corner and have the rest of the links on the left corner as they are by default.

As for the moving, if you still want to do that, then the only thing you have to do is add this in your CSS:

Code:

body #fa_toolbar #fa_right {
  margin-right: 80px;
}

Regards,
TC.

When your request is complete, please mark it as Solved.