Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 19, 2018 at 8:31 pm #944280
    xxxinkxxx

    Hi there,

    I’ve been modifying the following code found through search, however, the second half of the code does not seem to be working.
    I can’t seem to increase the bottom padding with the CSS for .flex_column.av_one_third

    If it helps, can refer to my website under the “contact us” section for the below page.

    Home

    .heavybutton  .avia-button{
    display: inline-block;
    position: absolute;
    bottom: 30px;
    left: 10%;
    right: 10%;
}
.heavycolumn .flex_column.av_one_third{
  padding-bottom: 100px !important;
}
    April 19, 2018 at 8:45 pm #944287
    Jordan Shannon

    Hey xxxinkxxx,

    Do you want to align the buttons of the “LEARN MORE” section to the bottom of that section?

    Best regards,
    Jordan Shannon

    April 19, 2018 at 8:54 pm #944296
    xxxinkxxx

    Hi Jordan,

    I’ve already managed to align the buttons to the bottom of the section, however, I would like to have a bit more padding at the bottom of the section.
    This will make the column look better, now it has a rather squeezed look.
    I can’t seem to increase the bottom padding through the CSS code below, appreciate if you could advise on the correct CSS code.

    Hope this clarifies :)

    .heavycolumn .flex_column.av_one_third{
  padding-bottom: 100px !important;
}
    • This reply was modified 6 years, 7 months ago by xxxinkxxx.
    April 19, 2018 at 9:07 pm #944306
    Jordan Shannon

    Hi,

    I hope I’m understanding this correctly. Please try the following:

    #av_section_2 .av_textblock_section{
padding-bottom:100px!important;
}

    Best regards,
    Jordan Shannon

    April 20, 2018 at 4:40 am #944407
    xxxinkxxx

    thanks that works!

    April 20, 2018 at 5:20 am #944425
    xxxinkxxx

    I made some changes to the code to get the final effect I wanted.
    However, it does not seem to translate to the other pages in the site.

    Is it possible to for the same code to work on all pages?

    
#av_section_2 .flex_column.av_one_third {
padding-bottom:100px !important;
}
    April 20, 2018 at 10:13 am #944517
    Yigit

    Hi,

    Please go to Enfold theme options > Layout Builder and check “Show element options for developers” and then edit your column element and give it a custom CSS class (“my-custom-class” in example below) and then add following code to Quick CSS field in Enfold theme options > General Styling tab

    .my-custom-class {
padding-bottom:100px !important;
}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.