We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
MODX Community Forums Archive

Wayfinder Settings

    • 36488
    • 37 Posts
    aphelan Reply #1, 13 years, 7 months ago
    I have a side bar on my website that usually displays the first tier then 2nd tier pages which has not been a problem but now i want it to display third tier pages and every time these overlap onto other other 2nd tier & 1st tier buttons - I have attached a image which i hope will give clarity. the current wayfinder settings are 
    [[Wayfinder? &startId=`0`&hideSubMenus=`1` &level=`3` ]]


    Thanks
      • 39333
      • 151 Posts
      Eric SWD Reply #2, 13 years, 7 months ago
      The screenshot is unreadable.
        MODX...the Zen of CMS
        "Bight off more than you can chew and keep right on chewing."
        • 36488
        • 37 Posts
        aphelan Reply #3, 13 years, 7 months ago
        I will try a different format and hope it works
          • 39333
          • 151 Posts
          Eric SWD Reply #4, 13 years, 7 months ago
          I could be wrong but your wayfinder call looks right to me. I don't think this is a MODX issue.

          Is that a jQuery menu? It looks to me like an error being cause by the script or the css.

          Have you tried duplicating the menu outside of MODX to see how it reacts?
            MODX...the Zen of CMS
            "Bight off more than you can chew and keep right on chewing."
            • 36488
            • 37 Posts
            aphelan Reply #5, 13 years, 7 months ago
            As a novice i am trying to pick up things as i go along and thought it was a wayfinder issue from reading other threads - I don't have the ability to duplicate outside of MODx (Due to my lack of knowledge/Skill) - I have the CCS setting code below - Is there something obvious within it?

            charset "UTF-8";
/* 

	core.css
	
	Designed and developed by Wiseguy
	http://www.wiseguywebdesign.co.uk

	Edited for intellingentss.com by YurB
	http://yurb.pp.ua/webdev/

 */

*, html { margin:0; padding:0; }

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; background:url(../images/body-bg.png) repeat-x #fff; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#468; text-shadow: #bbb 2px 2px 2px; }

h1 { margin-bottom:1em; margin-top:20px; }

h2 { }

h3 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:1.4em; padding-top:0.5em; margin-bottom:5px; clear:both; }

h4 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; padding-top:0.5em; margin-bottom:2px; clear:both; }

h5 { }

h6 { }

hr { color: #dde; background: #dde; margin: .5em auto; width: 80%; }

p, li { line-height:1.6em; }

p { margin-bottom:1.2em; }

input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #ccc; }

a { color:#1b5e30; }

a img { border:none; }

/* 
   Container 
*/
div#container { width:768px; margin:auto; }

/* 
   Header 
*/
div#header { width:768px; background:url(../images/header-bg.png) no-repeat; margin:0; padding:0; }

div#header-inner { position:relative; padding-top: 180px; width:768px; }

#logo { position:absolute; top:24px; left:265px; width: 221px; height: 149px; }
/* #logo:hover { } */
#logo img { display: none; }

div#header-tagline { padding: 12px; background: url('../images/header-tagline-bg.png') no-repeat top center; }

#site-description { font-size: 12pt; color: #579; /* text-shadow: #aba 0px 0px 3px; */}

div#flags { float: right; padding: 0; margin-top: -2px;  }

div#date { float: right; padding-right: 12px; padding-top: .1em;}

/* 
Content 
*/
div#content { padding:10px  0; width:760px; margin:auto; }

div#contleft { width:500px; float:left; background:#fff; padding-left:10px; }

div#contleft.wide { width: 535px; }

div#contleft ul { list-style:square; margin-left:16px; margin-bottom:1em; }

div#contleft .impact-block { border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:10px; }

div#contleft .impact-block ul { width:250px; float:left; }

div#contleft .impact-block h3 { margin-top:10px; margin-bottom:5px; }

div#contright { width:200px; float:right; background:#fff; padding-top:20px; }

/* Navigation */

div#contright ul { list-style:none; display:block; }

div#contright a { text-decoration:none; color:#666;  }

div#contright li.active { background:url(../images/nav-dark-bg.gif) no-repeat; padding-left:0; width:200px;  }

div#contright li.active a { color:#f3eb1a; padding-left:10px; width:190px; text-shadow: #000 1px 1px 3px; }

div#contright li.active a:hover, div#contright li.active:hover a { color:#f3eb1a; }

div#contright li {  text-shadow: #fff 1px 1px 3px; display:block; padding-top:3px; padding-bottom:5px; padding-left:10px; width:190px; margin-bottom:5px; background:url(../images/nav-light-bg.gif) no-repeat; } 

div#contright li:hover { background:url(../images/nav-dark-bg.gif) no-repeat; }

div#contright li:hover a { color:#fff;  }

div#contright li.active ul { margin-top:10px; }

div#contright li.active li { min-height:19px; background:url(../images/nav-empty-bg.gif) no-repeat; padding-left:0;  width:200px; }

div#contright li.active li.active { background:url(../images/nav-empty-over-bg.gif) no-repeat; margin-bottom:5px; }

div#contright li.active:hover li.active a, div#contright li.active li.active a { color:#666; text-shadow: #eee 1px 1px 3px;  }

div#contright li.active:hover li a, div#contright li.active li a  { color:#304428; text-shadow: #ccc 3px 3px 3px; }

div#contright li.active li:hover { background:url(../images/nav-empty-over-bg.gif) no-repeat; }

div#contright li.active li.last { margin-bottom:-5px; }

/* 
Footer 
*/
div#footer { width:740px; height:15px; background:#ddd; padding:5px 10px; background:url(../images/footer_bg.gif) no-repeat; font-size:0.95em; text-align: center; }

div#footer a { color:#666;  }

div#subfooter { clear:both; font-size:0.9em; padding:10px; }

/*
Various elements
*/
/* Affiliation logos cycling */
#affiliation {
	position: relative;
	width: 200px;
	height: 150px;
	text-align: center;
}
#affiliation #scrollup,
#affiliation #scrolldown {
	position: absolute;
	display: none;
	width: 180px;
	z-index: 100;
}

#affiliation #scrollup {
	top: 0;
	left: 0;
}
#affiliation #scrolldown {
	bottom: 0;
	left: 0;
}
#affiliation #logos a {
	display: none;
}
.product {
	width: 520px;
}
.product .halfsize {
	width: 186px;
}
/*
Google translate
*/
#google_translate_element {
	/* padding-top: 16px !important; */
}

/*
Style classes
*/

.hidden, .skipnav { display:none; }

.image-left { float:left; margin-right:10px; }

.clear-both { clear:both; }
.sidenews h4 a {
	text-decoration: none;
	color:#1b5e30;
}
.sidenews h4 a:hover {text-decoration: underline;color:#f3eb1a;}

/* Header Contact */

#headercontact {
	font-size: 14px;
	padding: 0px;
        position:relative; top:40px; right:10px; left:400px;

}
#headercontact span {
	font-size: 18px;
	margin: 0px;
	padding: 0px;
}

div#contright .sidenews #sidenewslist ul {
	display:block;
	list-style:square;
	list-style-position: inside;
}

div#contright .sidenews #sidenewslist a {
	text-decoration:none;
	color:#666;
	display: block;
	list-style-type: none;
	background-image: url(../images/dot.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 15px;
}

div#contright .sidenews #sidenewslist li.active { background:url(../images/nav-dark-bg.gif) no-repeat; padding-left:0; width:200px;  }

div#contright .sidenews #sidenewslist li.active a { color:#f3eb1a; padding-left:10px; width:190px;  text-shadow: #000 1px 1px 3px; }

div#contright .sidenews #sidenewslist li.active a:hover, div#contright li.active:hover a { color:#f3eb1a; }

div#contright .sidenews #sidenewslist li {
	text-shadow: #fff 1px 1px 3px;
	display:block;
	padding-top:3px;
	padding-bottom:5px;
	padding-left:10px;
	width:190px;
	margin-bottom:5px;
	background-image: none;
	background-repeat: no-repeat;
} 

div#contright .sidenews #sidenewslist li:hover {
	background-image: none;
	background-repeat: no-repeat;
}

div#contright .sidenews #sidenewslist li:hover a {
	color:#1B5E58;
}

div#contright .sidenews #sidenewslist li.active ul { margin-top:10px; }

div#contright .sidenews #sidenewslist li.active li { height:19px; background:url(../images/nav-empty-bg.gif) no-repeat; padding-left:0;  width:200px; }

div#contright .sidenews #sidenewslist li.active li.active { background:url(../images/nav-empty-over-bg.gif) no-repeat; margin-bottom:5px; }

div#contright .sidenews #sidenewslist li.active:hover li.active a, div#contright li.active li.active a { color:#666; text-shadow: #eee 1px 1px 3px;  }

div#contright .sidenews #sidenewslist li.active:hover li a, div#contright li.active li a  { color:#304428; text-shadow: #ccc 3px 3px 3px; }

div#contright .sidenews #sidenewslist li.active li:hover { background:url(../images/nav-empty-over-bg.gif) no-repeat; }

div#contright .sidenews #sidenewslist li.active li.last { margin-bottom:-5px; }
              • 39333
              • 151 Posts
              Eric SWD Reply #6, 13 years, 7 months ago
              Can you share a link to the page so I can reference the output?
                MODX...the Zen of CMS
                "Bight off more than you can chew and keep right on chewing."
                • 39333
                • 151 Posts
                Eric SWD Reply #7, 13 years, 7 months ago
                Also...

                I see two menus in the CSS. If the problem is in the sidenews area then I have a suggestion. Would still be most helpful to see the page for myself.
                  MODX...the Zen of CMS
                  "Bight off more than you can chew and keep right on chewing."
                  • 36488
                  • 37 Posts
                  aphelan Reply #8, 13 years, 7 months ago
                  Solved via a PM - It appears there was an amendement to the CSS file to be made

                  Many Thanks for the support offered
                    • 39333
                    • 151 Posts
                    Eric SWD Reply #9, 13 years, 7 months ago
                    Glad you got it fixed smiley
                      MODX...the Zen of CMS
                      "Bight off more than you can chew and keep right on chewing."