Make elements align=center - by jeannemalherbe

This topic has 4 replies, 2 voices, and was last updated 8 years, 9 months ago ago by Eva Kemp

  • Avatar: jeannemalherbe
    jeannemalherbe
    Participant
    July 21, 2015 at 15:03

    I want all elements to align=center

    I have added the following CSS, but it is only working for the one block and not the 2 columns.

    .page-content{
    text-align: center;
    }

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    July 21, 2015 at 17:29

    Hello,

    As I see the columns are centered. Do you want to remove space between them?

    Regards,
    Eva Kemp.

    Avatar: jeannemalherbe
    jeannemalherbe
    Participant
    July 22, 2015 at 16:14

    I want the two smaller blocks to be pushed closer together – in the middle – so that the left side of the 1st block lines up with the left side of the big block above and the right hand side of the 2nd small block, lines up with the right hand side of the big block above.

    Basically I want it to look like the width of this page is only as wide as the top big block, so the 2 smaller blocks need to fit in this width as well

    Avatar: Eva
    Eva Kemp
    Support staff
    July 23, 2015 at 15:56

    Hello,

    In this case you have to change the width of the container, add this code in custom.css file:

    @media (min-width: 1200px) {.container {
        width: 980px !important;
    }}

    Regards,
    Eva Kemp.

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.