Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 27, 2018 at 5:19 am #962653
    ofekw

    Greetings team,

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

    Please advise,

    Thanks,

    ofekw

    May 27, 2018 at 12:52 pm #962697
    Mike

    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

    May 28, 2018 at 12:58 am #962910
    ofekw

    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

    May 28, 2018 at 8:04 pm #963420
    Mike

    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

    May 29, 2018 at 1:03 am #963475
    ofekw

    Thanks Mike,

    Much appreciated!

    ofekw

    May 30, 2018 at 4:30 am #964015
    Mike

    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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Centre aligning text and forms’ is closed to new replies.