PDA

View Full Version : Navbar links issue


lawstudenthub
03-15-2015, 04:53 PM
Hey,

My forum is: www.lawstudenthub.co.uk

How do I move the top left links ("forum actions, quick links") more to the left so they are in line with the buttons/links above?

Thanks

TheLastSuperman
03-15-2015, 07:13 PM
Hmm I like what you've done to the Metro theme so far, will be nice to see this finished.

I'd guess try adding this into your additional.css template:
#navbar .selected + .floatcontainer > li a.popupctrl {
float:left !important;
clear:right;
padding-right:none !important;
padding-left: 10px;
}

That should do it if not let me know.

Edit: Also the search is not clickable, hard to identify using firefox too so that means its under another div, I'd also address that in the style as well.

lawstudenthub
03-15-2015, 08:30 PM
Hmm I like what you've done to the Metro theme so far, will be nice to see this finished.

I'd guess try adding this into your additional.css template:
#navbar .selected + .floatcontainer > li a.popupctrl {
float:left !important;
clear:right;
padding-right:none !important;
padding-left: 10px;
}

That should do it if not let me know.

Edit: Also the search is not clickable, hard to identify using firefox too so that means its under another div, I'd also address that in the style as well.

Hi, I am afraid that doesn't seem to work. It's odd because some time ago I managed to move "register or login" to the left more so they are more aligned, but I cannot remember how I did it! I just need to do the same with Search, Forum Actions, and Quick Links.

Forgive me, what do you mean by the search comment? Within the past couple of hours I got rid of the search bar and replaced it with the "Search" link which is less obtrusive. Do you mean that the "Search" link is not clickable?

Thanks

Lynne
03-15-2015, 09:57 PM
Try this:

#navbar .selected + .floatcontainer > li:last-child {
margin-right:70px;
}

Increase 70px to move it more to the left.

lawstudenthub
03-15-2015, 10:46 PM
Try this:

#navbar .selected + .floatcontainer > li:last-child {
margin-right:70px;
}

Increase 70px to move it more to the left.

I'm afraid putting that in additional.css has no effect on those specific links. At higher px it affects the whole forum, but leaves those links in place. At lower levels it does nothing.

Edit: I also found out where I changed the ones above (login, register) and it was in "vbulletin-chrome.css", and the code is:

.toplinks {
color:{vb:stylevar toplinks_link_color};
font: {vb:stylevar header_font};
font-size: 14px;
text-align:{vb:stylevar right};
background:{vb:stylevar toplinks_background};
float: {vb:stylevar right};
margin-right: 75px
}

Not sure why that didn't affect the other links below, and can't seem to find the version for them in the code.

--------------- Added 1426471322 at 1426471322 ---------------

Edit 2: Managed to find it! It was:

#navbar .selected + .floatcontainer > li:last-child {
margin-right: 65px;

I am a bit confused why this is all in "vbulletin-chrome.css", when it seems to apply across all browsers? I have viewed it in both chrome and safari.

Also would be grateful for your response re the search link issue, TheLastSuperman.

Thanks