Here is a Fiddle showcasing the issue
Everything seems to be working flawlessly
.content-wrapper.row-fluid + .footer.row-fluid {
margin-top: 40px;
}
This particular selector successfully targets the adjacent sibling element only on pages with the body class path-frontpage
.path-frontpage .footer.row-fluid {}
Similarly, this code snippet works for the div above the footer specifically on pages with the body class path-frontpage
.path-frontpage .content-wrapper.row-fluid {}
However, the subsequent section fails to adjust the footer's margin-top to zero on pages with the body class path-frontpage. Even though Chrome inspector indicates that the first rule is active. What could be causing this? How can I make sure the margin gets reset only on pages with the body class path-frontpage ?
.path-frontpage .content-wrapper.row-fluid + .path-frontpage .footer.row-fluid {
margin-top: 0px;
}