menu in one line, centered on footer

[Dimitris]

How could I have mainmenu in one line, centered in footer bar, bottom of pages.

for http://www.villa-forestata.com/kefalonia

Thank you

Dimitris

[Sushil Adhikari]

Not quite sure what you are referring to about having the menu in one line and centered into the footer? Or are you wanting what you have there centered?

[Dimitris]

I want to have the menu in one line and centered into the footer.

Of course I want the right text that I have now in footer (copyrights and link to my site) – this will be below menu – in another line.

Thank you

[Sushil Adhikari]

I have to be honest here with a reminder that theme support does not include support for “custom modifcations” that a person wants to do with a theme. It appears you do not want to use the default location of the copyright and footer menu and want to move these two elements into a widget position. The copyright is fine and if you want it aligned right but a new footer menu to be above and centered, this will require you to perform some custom css and possibly some other coding changes. Right now you have the copyright in the Footer 4 widget position; there is no other position above that where you can put the menu above the copyright.

I’m not sure how you plan to insert a new footer menu or how you want it to actually look (other than centered), but what I recommend first is to check the live demo of Prerence and its source code for the footer menu that is there. Then check the css for it which is found in the theme’s menu.css file around line 230, and perhaps work from that. The css styling below is for the original default location of the footer menu which is coded directly into the footer.php file.

/*
 * Footer Menu 
 */
#st-footer-menu.menu {
	margin:0;
}
#st-footer-menu li {
	display:inline;
	margin:0 4px 0 0;
	
 }
#st-footer-menu li:before { 
	content:"\00B7";
	padding-right:7px;
}
#st-footer-menu li:first-child:before {
	content:"";
}
#st-footer-menu li a:hover {
	text-decoration:underline;
}

As I said, I’m not sure how you want to style your menu, but unless you are making a “text link” based menu, usually they are list styles, it’s going to be a bit challenging if you are a beginner. If you need some great tutorials on HTML and CSS, I recommend checking out http://www.w3cshools.com

[Sushil Adhikari]

Just a follow up here…the new place for your copyright and footer menu, is this required? I was thinking that it would end up being a lot easier if you kept it in the original default locations. But were you wanting a background colour to show instead of being on the blank page background area at the very bottom? If so, you might want to consider adding a background colour to the default location which would be easier.

[Dimitris]

I don’t understand your last post.

I will try your previous instruction and then I write you the results.

yes, it will be more acceptable, to be menu in one line in the same background colour just as the top menu and above copyrights centered.

[Sushil Adhikari]

Probably a bit confusing what I wrote in my last post… I made a sample screenshot (can’t post it here though), so please contact me and I will send you this screenshot to see if what I did is what you want and what my last post meant.

[Dimitris]

I f you want, send instructions and screenshot to e-mail ******@gmail.com

thank you

Dimitris

[Sushil Adhikari]

I just sent an email with the screenshot…..I am also heading to sleep (1am here), so I wanted to send the screenshot before I do that.

As for the screenshot, I just did a rough estimate of what I was referring to in my previous post in the forum about your menu and footer area….I wasn’t sure if you were looking to have the background where the copyright and footer menu with a background colour. IF so, check the screenshot.

It’s best to keep the copyright and footer menu where they are but you can probably customize this easier than what you were trying with the widgets. Basically to add a menu above but in the same area where you have your current copyright means coding in a new widget position.

[Sushil Adhikari]

Easy enough… follow the theme setup tutorials for menus (footer menu) and then your copyright colour will need to change from the theme’s customizer options because it’s almost the same colour as your page background and not seen at the very bottom. When you make your footer menu, it will show up in the proper place, just like the Preference demo website shows.

To add the colour background, the style for the container the footer menu and copyright sit in is found in the theme’s style.css around line 142 and looks like this:

#page-footer-wrapper {
text-align:center;
padding:20px 0;
font-size:12px;
font-size: 0.75rem;
line-height:19px;
line-height:1.125rem;
color:#747474;
}

Add this to the above:

background-color: #e2ebf2;

[Dimitris]

Thank you

That’s right.
Look http://www.villa-foretstata.com

Thank you very much

Dimitris

[Author]

Posts