Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 16, 2017 at 3:28 pm #877575
    NewPage

    Hello, I want to align the buttons inside the boxes on the first page of our golfclub.
    Unfortunately I can’t find the righteElement to write the code for the styling
    I also created an element “.startseite_button” which should be possible to target with the alignment, but it seems that some other css part makes no changes possible.
    Thank you in advance

    November 18, 2017 at 10:34 am #878456
    Rikard

    Hey NewPage,

    How exactly do you want to align them? Please try to explain a bit further or post a screenshot highlighting your intentions.

    Best regards,
    Rikard

    November 21, 2017 at 4:41 pm #879819
    NewPage

    Hello Rikard,

    I want to align the headings and the buttons in one row The problem is, that the content between the two elements is not static. This means, that the Headings must align according to the top of the box and the buttons to the bottom.

    Best regards,

    Daniel

    November 22, 2017 at 2:37 pm #880277
    Victoria

    Hi Daniel,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#av_section_1 .avia-button-center {
    position: absolute;
    bottom: 7%;
    left: 36%;
    min-width: 120px;
}

#top.page-id-1340 .no_margin.av_one_third {
    position: relative;
}
@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .flex_column {
    padding: 20px !important;
  }
  #av_section_1 .avia-button-center {
    left: 26%;
    bottom: 4%;
    min-width: 120px;
}
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 3, 2017 at 11:48 pm #884462
    NewPage

    Hello Victoria,

    thank you for the support. I made a small adjustment with the screen Size, but it works.
    I only have one problem left.

    When I view the main mage on the IPAD (768×1024) the boxes and tables are not scaling. On any smaller device, the view is correct.
    Is there any option, that the boxes are breaking on IPAD like on mobile?
    Best Regards,

    Daniel

    December 6, 2017 at 9:08 am #885444
    Ismael

    Hi,

    Yes, that’s possible. Please add the following css codes.

    @media only screen and (max-width: 1024px) {
    .responsive #top .flex_column_table {
        display: block;
    }

    .responsive #top #wrap_all .flex_column {
        margin: 0 0 20px;
        width: 100% !important;
    }
}

    Best regards,
    Ismael

    December 9, 2017 at 6:18 pm #886930
    NewPage

    Great thank you again. Everything is working perfect now.

    Best regards,

    Daniel

    December 10, 2017 at 2:16 am #887019
    Mike

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

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to align the buttons in the boxes on the first page?’ is closed to new replies.