WordPress.org

Ready to get started?Download WordPress

Forums

Sizing and alignment (10 posts)

  1. mikeypowel1
    Member
    Posted 1 year ago #

    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.

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    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?

  3. cinghaman
    Member
    Posted 1 year ago #

    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;

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

  5. cinghaman
    Member
    Posted 1 year ago #

    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

  6. mikeypowel1
    Member
    Posted 1 year ago #

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

    Cheers!

  7. mikeypowel1
    Member
    Posted 1 year ago #

    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...

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

  8. cinghaman
    Member
    Posted 1 year ago #

    #navigation-wrap {
        color: #888888;
        left: 218px;
        letter-spacing: 1px;
        position: absolute;
        text-transform: uppercase;
        top: 50px;
    }
  9. mikeypowel1
    Member
    Posted 1 year ago #

    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.

  10. cinghaman
    Member
    Posted 1 year ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags