No I don't, i'm working on my computer
Printable View
No I don't, i'm working on my computer
The footer in dutch
Attachment 15127
The footer in english
Attachment 15128
See how the words are everywhere? I would like to have them under each other.
hmm.. Without a link it is hard to tell, but seeing the pictures my best guess is it is css related.Quote:
Originally Posted by Pompidompie
I would say so too, but I don't know the code names for what makes then line next or under each other.
Am I looking in the right place when I look at the flex-navsupp words?
Stylesheet
PHP Code:/*bof footer menu*/
#navSuppWrapper {margin: 10px 5px 0;padding: 0;background:none;font-weight: bold;border-top:1px solid
#dbdbce;}
#navSuppWrapper a{color:#444;font-weight:normal;}
#siteinfoLegal, #footer-bottom {padding: .5em 0 0;width:100%;line-
height:normal;clear:both;color:#171717;background:#f4f4f4;text-align:center;margin-bottom:30px;font-
size:80%;}
#siteinfoLegal a, #footer-bottom a {padding: 0 0.5em 0 0.5em;color: #171717;white-space: nowrap;}
#siteinfoLegal a:hover, #footer-bottom a:hover {color: #8db9fb;}
#bannerSix {margin-top:0px;padding-bottom:30px;background:#f4f4f4;}
#flex-navSupp ul {margin: 0;padding: 0.5em 0em;list-style-type: none;text-align: center;line-height: 1.5em;}
#flex-navSupp ul li {display: inline;}
#flex-navSupp ul li a {text-decoration: none;padding: 0em 0.5em;margin: 0;color: #666666;white-space:
nowrap;}
#flex-navSupp {display: table; width: 100%; background: #f4f4f4;color:#171717;}
.flexFooterCol {display:table-cell; }
*+html .ezpagesFooterCol {float: left;}/*ie7 hack*/
#flex-navSupp .flexFooterCol a { color: #666564; font-weight: normal;font-size:110%;line-height:25px;}
.flexFooterCol h4 {color: #171717; text-align: left;text-transform:uppercase;font-weight:normal;margin-
left:5px;font-size:160%;}
.ffCcol4 i{font-size:200%;border:1px solid
#8db9fb;padding:10px;background:#8db9fc;color:#fff;transition:background 2s ease;-webkit-
transition:background 2s ease;-moz-transition:background 2s ease;-o-transition:background 2s ease;min-
width:30px;}
.ffCcol4 i:hover{background:#171717;color:#fff;}
#flex-navSupp .flexFooterCol li {display: block; text-align: left;}
#flex-navSupp .flexFooterCol li span {display: block; text-align:center;}
#flex-navSupp .flexFooterCol.ffCcol1 li span.flexFooterColImage {text-align:left;}
#flex-navSupp .flexFooterCol.ffCcol1 {border:0;}
#flex-navSupp a.activePage {}
#flex-navSupp a:hover {color: #8db9fb;}
Stylesheet flexible footer
PHP Code:#flex-navSupp ul {margin: 0;padding:0;list-style-type: none;text-align: center;line-height: 1.5em;}
#flex-navSupp ul {display:block;text-align:center;}
#flex-navSupp ul li h4 {text-align:center;}
#flex-navSupp ul li span {display:block;text-align:center;}
#flex-navSupp a.activePage {font-weight: bold;color: #000;}
#flex-navSupp a:hover {font-weight: bold;text-decoration: underlined;color: #000;}
.col {float: left;}
/* Example for styleing individual column blocks */
ul#col_1 {background-color:#FFFFFF;color:#ff0000;height:250px;}
ul#col_2 {background-color:#C0C0C0;color:#ff0000;height:250px;}
ul#col_3 {background-color:#FF00FF;color:#ff0000;height:250px;}
ul#col_4 {background-color:#00FFFF;color:#ff0000;height:250px;}
ul#col_5 {background-color:#FFFF00;color:#ff0000;height:250px;}
ul#col_6 {background-color:#0000FF;color:#ff0000;height:250px;}
ul#col_7 {background-color:#00FF00;color:#ff0000;height:250px;}
ul#col_8 {background-color:#FF0000;color:#ff0000;height:250px;}
ul#col_9 {background-color:#000000;color:#ff0000;height:250px;}
/* Each span represents a columns width */
.span_9_of_9 {width: 10.55%;}
.span_8_of_9 {width: 11.94%;}
.span_7_of_9 {width: 13.72%; }
.span_6_of_9 {width: 16.08%; }
.span_5_of_9 {width: 19.38%; }
.span_4_of_9 {width: 24.35%; }
.span_3_of_9 {width: 32.66%;}
.span_2_of_9 {width: 49.25%; }
.span_1_of_9 {width: 99%; }
/* Changes column width at 768px, changed to be consistent with responsive code */
@media only screen and (max-width: 768px) {
div#flex-navSupp>div>div>ul>li {display: block; text-align:center;}
.span_9_of_9 {width: 98%; }
.span_8_of_9 {width: 98%; }
.span_7_of_9 {width: 98%; }
.span_6_of_9 {width: 98%; }
.span_5_of_9 {width: 98%; }
.span_4_of_9 {width: 98%; }
.span_3_of_9 {width: 98%; }
.span_2_of_9 {width: 98%; }
.span_1_of_9 {width: 98%; }
}
I am still working with the 2 stylesheet from the post above.
I now have the footer the way I like it, but there are 2 things I can't get fixed.
First, the social media buttons, I like them to be centered under the words "volg ons" (follow us)
Then I have a border line above the footer, I know where to make it another color, but what I want is for the footer and that border line, to come together. Other words, the white space removed.
I have chrome elements to know where to look, but still I cant get it done.
Attachment 15156
As Erik stated, it is literally impossible to troubleshoot layout issues with seeing it (a live website), I have both the template and footer files installed and can not duplicate your layout issue.
Quote:
Originally Posted by Pompidompie
Ok so I have an EZ page done. I am trying to link it to the footer menu. I have (ez page url) but only the 'page name' shows up. When i click it, it says page not found. In EZ pages, I have all the statuses for the page disabled with all the orders number 0'd out. Obviously that is wrong. So which is right? and thanks for an improved mod over the old footer menu.
also in addition to my first question, does this plugin also affect the ez-pages section in admin? it looks like on the little drop down for editing on the right where it says "Text Editor" ... i only have TEXT now. There is no drop down for HTML anymore. i'm talking about the ez pages section, not the flexible section in admin.
Hi,
I do not know how to align the center of the menu
Can you help me ?
Thx
Attachment 15362
It is literally impossible to troubleshoot layout issues with seeing it (a live website). Please provide a URL
Quote:
Originally Posted by Nightfly66