AirAttack Racing Forum
Forum suggestions - Printable Version

+- AirAttack Racing Forum (https://airattackteam.com)
+-- Forum: Live For Speed (https://airattackteam.com/forum-27.html)
+--- Forum: Suggestions (https://airattackteam.com/forum-38.html)
+--- Thread: Forum suggestions (/thread-549.html)

Pages: 1 2 3 4 5

Re: Forum suggestions - joruss - 09-10-2014

(09-09-2014, 05:08 PM)meddc link Wrote: Yeah, I actually removed those breadcrumbs. I didn't think they really helped much and were pushing the main content way down the page. But I can reinstate if required.

quick remedy for that:
Via userscript:
Code:
$('#main_content_section > div > ul').css({'position':'absolute','top':'60px','padding-left':0})
or just add new stylesheet to the page with this
Code:
#main_content_section > div > ul {
    position:absolute;
    top:60px;
    padding-left:0;
}



Re: Forum suggestions - meddc - 09-10-2014

Thanks JoRuss. Tried it by modifying the main theme CSS file. That puts the breadcrumbs in the space above the menu navigation, though, which looks wrong to me. Perhaps you can advise the code for moving the menus up a bit and put the breadcrumbs underneath in that top section, though? My CSS "skills" usually involve playing around for ages until it sort of looks right Smile

Re: Forum suggestions - joruss - 09-10-2014

(09-10-2014, 11:19 AM)meddc link Wrote: Thanks JoRuss. Tried it by modifying the main theme CSS file. That puts the breadcrumbs in the space above the menu navigation, though, which looks wrong to me. Perhaps you can advise the code for moving the menus up a bit and put the breadcrumbs underneath in that top section, though? My CSS "skills" usually involve playing around for ages until it sort of looks right Smile
You mean right under the main menu?
Code:
$('#main_content_section > div > ul').css({'position':'relative','margin-top':'-30px','padding-left':'10px'}).parent().css({'padding':0})
Code:
#main_content_section > div {
    padding:0;
}
#main_content_section > div > ul {
    position: relative;
    margin-top: -30px;
    padding-left: 10px;
}

if you want to save some space consider removing
Code:
min-weight: 65px
from #top_section

Re: Forum suggestions - meddc - 09-10-2014

(09-10-2014, 11:33 AM)joruss link Wrote: You mean right under the main menu?
I suppose what I mean is this...
http://medd.uk/sample.jpg

i.e. all in the top menu box.

EDIT: By the way, this isn't top priority. It doesn't look too bad where it is.

Re: Forum suggestions - joruss - 09-10-2014

Yeah, it does that give or take couple of pixels.

Edit:
Now I look at it I see that ul element has black border making menu look bit iffy...
Adding "border:0;" to that element solves it.

Re: Forum suggestions - meddc - 09-10-2014

Sorry. Tried adding this to the stylesheet as suggested:

Code:
/* JoRuss Code */
#main_content_section > div > ul {
    position: relative;
    margin-top: -30px;
    padding-left: 10px;
    border: 0;
}

This was the result:
http://medd.uk/sample2.jpg

Re: Forum suggestions - Jacques - 09-10-2014

Looks good! Wink

Re: Forum suggestions - joruss - 09-10-2014

(09-10-2014, 02:36 PM)meddc link Wrote: Sorry. Tried adding this to the stylesheet as suggested:

Code:
/* JoRuss Code */
#main_content_section > div > ul {
    position: relative;
    margin-top: -30px;
    padding-left: 10px;
    border: 0;
}

This was the result:
http://medd.uk/sample2.jpg

Yeah, that's how it supposed to look :-)
You can adjust the position by changing padding-left (left-right) and margin-top (up-down, more negative = higher)

Re: Forum suggestions - meddc - 09-10-2014

(09-10-2014, 05:25 PM)joruss link Wrote: [quote author=meddc link=topic=322.msg3907#msg3907 date=1410356209]
Sorry. Tried adding this to the stylesheet as suggested:

Code:
/* JoRuss Code */
#main_content_section > div > ul {
    position: relative;
    margin-top: -30px;
    padding-left: 10px;
    border: 0;
}

This was the result:
http://medd.uk/sample2.jpg

Yeah, that's how it supposed to look :-)
You can adjust the position by changing padding-left (left-right) and margin-top (up-down, more negative = higher)
[/quote]
Well I just tried that. It doesn't move the menus, only the breadcrumbs, and the breadcrumbs also blank out the curved-bordered box.

I know with a bit of trial and error this is possible, but other elements will need to be changed and the effort is now outweighing the benefits imo Smile

Re: Forum suggestions - joruss - 09-10-2014

Now (I think) I get it...
The original problem was just breadcrumbs so I did not touch menu, but try this:
Code:
#main_menu {
    margin-top: -35px;
}

#main_content_section > div > ul {
    position: absolute;
    margin-top: -50px;
    padding-left: 0px;
    border: 0;
}

#upper_section {
    margin-bottom: 4em;    
    margin-top: -20px
}

But unless you'll change that gradient background to something shorter, you won't save any space with changes in css.