Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 23, 2014 at 4:02 pm #323743
    boost2business

    Hello,
    I have placed 2/5 and 3/5 columns in one section, and applied some css to them.
    However, as each column grows in height, I want the other one to inherit the same height.
    I have tried with display: table and display: table-cells css rules, but something is blocking them to do the job.

    Here is the css I used :

    #b4m-header-section div.entry-content-wrapper
    {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.7);
    padding-left: 1%;
    display:table;
    }

    #b4m-header-section div.av_two_fifth {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    padding: 2% 2% 2% 4% !important;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.7);
    display:table-cell;
    }

    #b4m-header-section div.av_three_fifth {
    display:table-cell;
    }

    September 23, 2014 at 4:15 pm #323750
    Yigit

    Hi boost2business!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (min-width: 1340px) {
#b4m-header-section div.av_two_fifth { min-height: 635px; }}
@media only screen and (min-width: 1140px) and (max-width: 1339px) {
#b4m-header-section div.av_two_fifth { min-height: 656px; }}
@media only screen and (min-width: 990px) and (max-width: 1139px) {
#b4m-header-section div.av_two_fifth { min-height: 698px; }}
@media only screen and (min-width: 769px) and (max-width: 989px) {
#b4m-header-section div.av_two_fifth { min-height: 780px; }}

    Best regards,
    Yigit

    March 20, 2016 at 11:14 pm #600911
    kbarranco

    is this code just 2 columns?

    March 22, 2016 at 4:31 am #601650
    Rikard

    Hi @kbarranco,

    It looks to be 2/5 and 3/5 columns yes.

    Thanks,
    Rikard

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