Centering Items

What is the best method to center items? Please see this page: http://punchlis.wwwls14.a2hosted.com/finishline-tool-kit/finishline-pro-app/

Items on this page need cleaning to center and uniform with padding about and below.

Is it better to use padding in the sections or changing the layout from each item? 

I am finding it difficult to determine a standard method to centering content. 

Thank you,
Katherine 

Comments

  • Hi,

    to center menu items, or you need to select Stack: Center header style instead or use the following css to increase menu's width so it could look as centered:
    .menuo-right #Top_bar .menu_wrapper { width: 77% !important; }
  • Excuse the confusion on my question, although I wasn't referring to centering the menu items. Still helpful info if needing to center those menu items. 

    I was referring centering items within the pages. For example the last item on this page down at the bottom: http://punchlis.wwwls14.a2hosted.com/about/contact/ it contains the "Terms & Conditions | Privacy Policy" 

    I find that there are so many options for centering content whether from the section, wrap, or item level. What is the best method or standard for centering content? I basically want to get the padding even on the top and bottom, although that seems to require eyeballing material. 

    Thank you.
  • The best way for centering items is custom css. So what you need to center content in the bottom is custom css. You need to set class name for the section where the content is and then use something like:
    .section.my-class-name { text-align: center !important; }
Sign In or Register to comment.