Why isn't padding-top applying to my section?

why isn't my brain working supplements
why isn't my brain working pdf
why isn't my brain working audiobook
why isn't my brain working review
why isn't my brain working reddit
netflix not working
why isn't my brain working pdf download
netflix error code

I've got a section that should have 150px padding on the top and bottom of said section, but no matter what, I can't the padding to appear. An example is here: http://new.cajunland.com/recipe/double-seasoned-cajun-hamburgers/

Here's the code for the section:

.wp-block-mkl-section-block .section-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    max-width: none;
    z-index: 0;
}
section.section-hero .wp-block-columns.has-2-columns {
    max-width: 1080px;
    margin: 0 auto;
}
.wp-block-columns {
    flex-wrap: nowrap;
}
.wp-block-columns {
    display: flex;
    flex-wrap: wrap;
}
*, ::before, ::after {
    box-sizing: inherit;
}
.wp-block-column.col-two-third {
    flex-basis: calc(60% - 16px);
}
.wp-block-column {
    margin-bottom: 0 !important;
}
.wp-block-column {
    flex-basis: calc(50% - 16px);
    flex-grow: 0;
}
.wp-block-column {
    flex-grow: 1;
    margin-bottom: 1em;
    flex-basis: 100%;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word;
}
.wp-block-column.col-one-third {
    background: rgb(255,255,255,.9);
    flex-basis: calc(40% - 16px);
    padding: 16px 24px;
}
<section class="wp-block-mkl-section-block section-hero" style="padding-bottom:150px;padding-top:150px">
        <div class="section-bg bg__stretched" style="background: url(http://new.cajunland.com/wp-content/uploads/2019/10/recipe-double-seasoned-cajun-burger.jpg) no-repeat fixed center/100%">
<div class="wp-block-columns has-2-columns">
            <div class="wp-block-column col-two-third">
                <p>&nbsp;</p>
            </div>
            <div class="wp-block-column col-one-third">
                <h1>Double Seasoned Cajun Hamburgers</h1>
                <p style="color:#000;"><strong>Yield:</strong> 4<br><strong>Prep Time:</strong> 15 minutes<br><strong>Cook Time:</strong> 10-15 minutes</p>
            </div>
        </div>
    </div>
</section>

I had checked your example page padding-top, and the padding-bottom is working. see below

But you had fixed the section-bg section by using position: absolute so padding top and bottom is working but not effecting any things. you have to give the padding to section-bg class.

.wp-block-mkl-section-block .section-bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  max-width: none;
  z-index: 0;;
  padding-bottom: 150px;
  padding-top: 150px;
}

codepen

Why Isn't My Brain Working?: A revolutionary , Amazon.com: Why Isn't My Brain Working?: A revolutionary understanding of brain decline and effective strategies to recover your brain's health eBook:� On the ultraprocessed diet, the subjects on average consumed 500 more calories a day and gained two pounds. A possible reason: The participants’ levels of PYY, a hormone that suppresses appetite

The padding is there but the .section-bg box has position: absolute and top: 0.

You could increase the top value and move the background property to the section. And maybe use height: 300px instead of the paddings.

Coronavirus: Why isn't the UK testing travellers on arrival?, And Germany is planning compulsory tests at its airports for anyone arriving from a high-risk country. Why isn't the UK doing this? The UK� Why isn't Netflix working? If Netflix isn't working, you may be experiencing a network connectivity issue, an issue with your device, or an issue with your Netflix

Try this and remove the padding: 150px from top and bottom from inline styles.

.wp-block-mkl-section-block .section-bg {
    position: absolute;                 /* Remove this line */
    padding-bottom: 150px!important;    /* Add !important   */
    padding-top: 150px;                 /* Add !important   */
    top: 0;                             /* Remove this line */
    left: 0;                            /* Remove this line */
    bottom: 0;                          /* Remove this line */
    right: 0;                           /* Remove this line */
    background-repeat: no-repeat;
    max-width: none;
    z-index: 0;
    margin: 0 auto;
}

Why Isn't Functional Programming the Norm? – Richard Feldman , Richard is a member of the Elm core team, the author of Elm in Action from Manning Publications Duration: 46:09 Posted: Sep 30, 2019 Why Isn't My Printer Printing? 6 printing issues you can fix. by. Tom Nelson. Writer. Tom Nelson is an engineer, programmer, network manager, and computer network and

I solved it. Jaakko was partially correct about switching position:absolute to relative in the .section-bg div. I also moved the background image to the parent section so it's now in instead. Fixed it all. Thanks, everyone.

Why isn't MLB in a bubble?, Eduardo Perez joins Bomani Jones, Max Kellerman and Molly Qerim on First Take to react to the Duration: 6:50 Posted: 1 day ago The Most Common Reason Your Disk Is Missing. You grabbed a nice big hard disk on sale, you cracked open your computer case, plugged the drive into the motherboard and power supply with the appropriate cables (no? better double check that before you keep reading), and when you booted your computer back up the new hard drive was nowhere to be found.

Why isn't my app working?, Why isn't my app working? If you're having issues with your device or app, try these troubleshooting tricks: Try force-closing the app and reopening. Make sure � Black D.C. residents fought to change their city’s unequal status during the civil rights movement, and won some key victories.The first was the right to vote for the president and vice

Why Isn't California Criticized Like Florida on Covid-19?, It's a blue state, of course. But the virus doesn't discriminate based on party affiliation. But that isn’t true for every interesting set of numbers. As an example, let’s look at the set of numbers of the form a + b √-5, or a +i b √5, where a and b are both integers and i is the

Opinion, Why Isn't the Stock Market Reading the Room? The nation is in crisis, but it's not the market's job to care. Spencer Bokat-Lindell. By� Why HBO Max Isn't on Roku or Fire TV Yet An AT&T exec says it just wants a standard deal, but that's not really an option.

Comments
  • The padding is not getting applied, because the child element inside it have position: absolute. Absolute positioning is taken completely out of the normal flow of the page layout
  • It's unclear what you're asking. Your padding is applying (add a 1px red border to the section and run a demo, then remove the padding-top and padding-bottom and run the demo again to see. Also, I'd recommend against mixing inline styles with your external CSS. It's unnecessary complexity and adds to the difficulty in keeping precedence straight (and makes it harder for others to help).
  • No, that didn't work at all. Instead the white, transparent box floated underneath the header.