• Resolved beanis96

    (@beanis96)


    Hello,

    I made an about page on my site and i cant seem to center the title “About”. I have tired going into the style sheet but with no success. Also I am having trouble aligning the top menu on my theme to the right. I am trying ti make an “Account” menu for my shop and its typically found on the top right on the site. Please help!

    Theme: Wootique

    Thanks.

Viewing 13 replies - 1 through 13 (of 13 total)
  • You should see this in your CSS file

    .page .post .title {
        margin: 0 0 10px;
    }

    Make it this

    .page .post .title {
        margin: 0 0 10px;
        text-align: center;
    }

    Though, if you find that messes with any other elements you don’t wish to center align, you’ll need to go in your PHP files and change the class on the titles and code your own CSS for it.

    Thread Starter beanis96

    (@beanis96)

    That did what i needed except it only centered one page, and it wasn’t the page i needed. Any ideas?

    If you want to post a link to the page I can check it. Not sure what PHP template you are using for what page.

    Thread Starter beanis96

    (@beanis96)

    Never mind what you said works! Thanks! One more question though, can you help me align the top menu where it says account to the right please?

    Website: https://www.freeworlddesigns.tk/

    Thread Starter beanis96

    (@beanis96)

    Opps actually sorry it doesn’t. It aligns everything, i only want the page title to be centered.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Just float it right;

    #top-nav {
     float: right;
    }

    beanis96, you can find CSS-specific support at https://csscreator.com/forum

    Change this

    #top .nav {
        border: 0 none;
    }

    to this

    #top .nav {
        border: 0 none;
        float: right;
    }

    Let me know if that doesn’t work or changes any other elements. But seems to be working fine in firebug.

    Thread Starter beanis96

    (@beanis96)

    Beauty! Thanks! One problem down one to go!

    Thread Starter beanis96

    (@beanis96)

    Now that you have the website url are you able to help me with my “about” page problem?

    Ok, try this one

    Replace this

    h1, .site-title {
        font-size: 2.618em;
        padding: 1.143em 0 0.437em;
    }

    With this

    h1, .site-title {
        font-size: 2.618em;
        padding: 1.143em 0 0.437em;
        text-align: center;
    }

    That should do it.

    But if you want to only align the title on the about page then you’ll need to create a custom template for the about us page and edit some of the html and add some css.

    Thread Starter beanis96

    (@beanis96)

    Thanks! I can deal with them all being centered. Thanks so much, worked like a charm!

    Thread Starter beanis96

    (@beanis96)

    I have another request. How can i add a widget area where the search bar is at the moment? I want to add in the responsive search bar by woocomerce in that area but it is only available as a widget. Please help!

    Website: https://www.freeworlddesigns.tk/

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘How to center a page title and align the top menu to the right?’ is closed to new replies.