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.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.