Forum suggestions

[AA™| joruss]

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;
}

[meddc]

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

[AA™| joruss]

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

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

[meddc]

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.

[AA™| joruss]

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.

[meddc]

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

[AA™| Jacques]

Looks good!

[AA™| joruss]

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)

[meddc]

[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

[AA™| joruss]

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.