Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #962653

    Greetings team,

    Tried centre aligning forms, images and text in CSS using the code below without success.
    text-align: center;

    Please advise,

    Thanks,

    ofekw

    #962697

    Hey ofekw,
    For the form, Try this code in the General Styling > Quick CSS field:

    #top.page-id-9939 form.avia_ajax_form  {
        display: flex;
        justify-content: center;
        max-width: 100% !important; 
    }

    For the page “Awards” the page container is centered, along with the images, I imagine you are looking at your list which is in the container, but left aligned. Lists are like this because they line up on the bullet points. The image above the list is smaller so it may look like the list is braking out.
    We could make the list area 50% width of the page and then center it if you add a custom class to the area, or advise what you would like to see.
    The page “Portraits” looks centered, please advise.

    Best regards,
    Mike

    #962910

    Hello Mike,

    Thanks for the prompt reply – the form is centred – much appreciated!
    The ‘Awards page’ is OK left aligned.

    In the page “Portraits”, the title is centred across the page width, the photos are left aligned while the buttons are right aligned across the entire page width. I would like all elements to be displayed inside a 1024px wide column so the buttons are showing on the top right of the images and the title is centred above the images. Have tried the CSS code below without success:

    /* centering Portraits page */
    #top.page-id-9761 form.avia_ajax_form  {
        display: block;
        justify-content: center;
        text-align: center;
    	max-width: 1024px;
        margin: 0 auto;
        padding-left: 0 !important;
        padding-right: 0 !important;
        background: inherit;
        }

    Please advise,

    ofekw

    #963420

    Hi,
    Please try:

    #top.page-id-9761 #fixed-width-center .flex_cell .flex_cell_inner {
    max-width: 1024px !important; 
    width: 1024px !important;
    margin: auto !important; 
    }

    Best regards,
    Mike

    #963475

    Thanks Mike,

    Much appreciated!

    ofekw

    #964015

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Centre aligning text and forms’ is closed to new replies.