• Hi, I hope someone can help. I’ve started building my pages using Buffalo theme and I’m struggling to set some things..

    – setting the menu to sit in the middle.

    – setting the slideshow size from 400px to 495px

    – setting the text underneath the slideshow in the title box to align center.

    I hope someone can help. Many thanks.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    setting the menu to sit in the middle.

    setting the text underneath the slideshow in the title box to align center.

    Are these changes present in Buffalo theme?

    you might have to make custom stlying for it, the best option would be to create a child theme for buffalo manage your styling

    to make menu center aligned to page
    just use in menu class
    margin:0 auto;

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    mikeypowel1

    margin: 0 auto;
    also requires
    display: block;
    and
    width: (n)px;


    To centre display: inline; elements, you need only text-align: center;, as you’re dealing with text elements.

    menu would more likely be a div
    you need display:block if it is not a block element
    anyways i was just giving a starting point for the css not actually defining all set of elements to fix it

    Thread Starter mikeypowel1

    (@mikeypowel1)

    Hi Robin,
    Many thanks for this… I’m gonna try them now and let you know how I get on.

    Cheers!

    Thread Starter mikeypowel1

    (@mikeypowel1)

    Hi Robin,
    The code is like this…

    #navigation-wrap { font: 11px ‘Open Sans’; color: #fff; text-transform: uppercase; letter-spacing: 1px; margin:0 auto; bottom: 0px; }
    #navigation-wrap a { -moz-transition: all 0.3s ease 0.1s; -webkit-transition: all 0.3s ease 0.1s; -o-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; }
    #navigation-wrap ul a:link, #navigation-wrap ul a:visited { color: #888 }
    #navigation-wrap ul a:hover { color: #fff }
    #navigation-wrap ul .current_page_item a:link, #navigation-wrap ul .current_page_item a:visited { color: #fff }

    and it looks like this…

    https://www.mikeypowell.co.uk/wordpress/

    #navigation-wrap {
        color: #888888;
        left: 218px;
        letter-spacing: 1px;
        position: absolute;
        text-transform: uppercase;
        top: 50px;
    }
    Thread Starter mikeypowel1

    (@mikeypowel1)

    Hi Robin,
    That works brilliantly! Many thanks for your help.

    I just need to sort that slider out now. I bought Pristine Slider yesterday but I cant figure out how to put it in the right place… Anyway, thanks again!

    Mike.

    glad it worked out for u

    I usually use wp-cycle (free slider plugin ) and easy to embed into the theme

    your slider must have a shortcode / php code to add ? read the documentation

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Sizing and alignment’ is closed to new replies.