menu in one line, centered on footer

Home Forums WordPress Themes – Premium Preference menu in one line, centered on footer

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #13726
    Dimitris
    Member

    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

    #17716
    Sushil Adhikari
    Moderator

    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?

    #17717
    Dimitris
    Member

    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

    #17718
    Sushil Adhikari
    Moderator

    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

    #17719
    Sushil Adhikari
    Moderator

    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.

    #17720
    Dimitris
    Member

    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.

    #17721
    Sushil Adhikari
    Moderator

    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.

    #17722
    Dimitris
    Member

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

    thank you

    Dimitris

    #17723
    Sushil Adhikari
    Moderator

    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.

    #17725
    Sushil Adhikari
    Moderator

    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;
    #13727
    Dimitris
    Member

    Thank you

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

    Thank you very much

    Dimitris

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.