Okay
  Public Ticket #2615617
Centering text on the page
Closed

Comments

  •  5
    mikegettier started the conversation

    Hi,


    How would I center the text on the page. I don't mean using the center align feature in the editor, but actually centering the page. I've attached a few examples. It seems like it'd be an easy code to add. Maybe to stylesheet or something similar.


    {"wp":{"use":false,"adminUrl":"gettfit.com/wp-admin","username":"","password":""},"ftp":{"use":false,"url":"","port":"","user":"","password":"","path":""}}
  •  1,558
    Laborator replied

    Hi Mike,

    I understand what you mean, but the theme has already a container that is centered:

    medium
    (view large version)

    This is screenshot to explain the container that is centered and it's size, are you talking about the homepage or any other page?

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  5
    mikegettier replied

    No I'm happy with the home page. I'd mainly want it done on my about page, coaching, and blog posts. I see off to the right in the screenshot you posted that it says -15 for the margins. Would I increase the margins to create more white space on the sides and center the page? Or change the width from auto to something.

  •  1,558
    Laborator replied

    Hi Mike,

    You will have to change the size of the container if you want a more narrow width, to do that follow the instructions in the image below:

    medium
    (view large version)


    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  5
    mikegettier replied

    Yup, that's it. Thanks!

  •  5
    mikegettier replied

    I thought of one more question. What if I wanted to keep the background grey, but the center white, where the text is. I attached an example. Is there an easy fix for that, or would it require some complicated coding? 


    Thanks,

  •  1,558
    Laborator replied

    Hi Mike,

    You can do that by adding this CSS to Custom CSS:

    .wrapper {
        background: #EEE;
    }
    .vc-container .vc-row-container {
        background: #FFF;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  5
    mikegettier replied

    That almost worked. It made the background grey, but it did not make the text container white. The entire page was grey.

  •  1,558
    Laborator replied

    Hi Mike,

    It's hard to change the container color on each page as every page has it's own specifics and it's impossible to make it work on every page.

    P.S. These are customizations and customizations are out of support scope so if you're looking for professional help in this matter, there's always someone available for such tasks on the WP Kraken or Codeable. Pricing and timeline are always straightforward there and that's the main reason for recommending those services.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group