-
AuthorPosts
-
April 19, 2018 at 8:31 pm #944280
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_thirdIf it helps, can refer to my website under the “contact us” section for the below page.
.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 #944287Hey xxxinkxxx,
Do you want to align the buttons of the “LEARN MORE” section to the bottom of that section?
Best regards,
Jordan ShannonApril 19, 2018 at 8:54 pm #944296Hi 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, 8 months ago by xxxinkxxx.
April 19, 2018 at 9:07 pm #944306Hi,
I hope I’m understanding this correctly. Please try the following:
#av_section_2 .av_textblock_section{ padding-bottom:100px!important; }
Best regards,
Jordan ShannonApril 20, 2018 at 4:40 am #944407thanks that works!
April 20, 2018 at 5:20 am #944425I 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 #944517Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.