Home/ Questions/Q 6712355
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T08:14:58+00:00

Basically I need div.content to have a default padding of 15px EXCEPT for when

  • 0

Basically I need div.content to have a default padding of 15px EXCEPT for when the div has the child div.products-list. If the child div of .products-list exists I need div.content to have no padding. I read and saw several solutions using jquery, but it seems to have no effect. My layout is like this:

<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>
$(document).ready(function(){
$(".products-list").parents("div.content").css("padding", "0");
});
</script>

<style>
.content {
padding: 15px;
}
</style>

</head>

<body>
<div class="content">
<div class="products-list"></div>
</div>
</body>

Thanks for any help!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You could use a little CSS trickery to “eliminate” the padding by using negative margins on the inner div:

    div.content {
    padding: 15px;
}
div.products-list {
    margin: -15px;
}

    http://jsfiddle.net/mblase75/2HRUc/

    • 0