Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save FinalDestiny/f153b2094046e1ecb360e5d06e09a3be to your computer and use it in GitHub Desktop.
Save FinalDestiny/f153b2094046e1ecb360e5d06e09a3be to your computer and use it in GitHub Desktop.
/*
* Remove sidebar on all archive pages
*/
.search #main-content .container::before,
.archive #main-content .container::before {
display: none;
}
.search #left-area,
.archive #left-area {
width: 100% !important;
float: none;
padding-right: 0;
}
.search #sidebar,
.archive #sidebar {
display: none;
}
/*
* Create Mansonory styles for archive pages
*/
.search #left-area,
.archive #left-area {
width: 30%;
margin-right: 4.5%;
}
.archive .et_pb_post > a,
.search .et_pb_post > a {
margin: -20px -20px 10px;
display: block;
}
.search #left-area .et_pb_post,
.archive #left-area .et_pb_post {
overflow: hidden; /* fix for Firefox */
width: 30%;
margin-right: 4.5%;
padding: 17px;
border: 1px solid #d8d8d8;
background-color: #fff;
word-wrap: break-word;
float: left;
}
.search #left-area .et_pb_post:nth-child(3n),
.archive #left-area .et_pb_post:nth-child(3n) {
margin-right: 0;
}
.search #left-area .et_pb_post:nth-child(3n+1),
.archive #left-area .et_pb_post:nth-child(3n+1) {
clear: both;
}
.search #left-area .et_pb_post h2,
.archive #left-area .et_pb_post h2 {
font-size: 18px;
}
.search #left-area .et_pb_post.format-link,
.search #left-area .et_pb_post.format-quote,
.search #left-area .et_pb_post.format-audio,
.archive #left-area .et_pb_post.format-link,
.archive #left-area .et_pb_post.format-quote,
.archive #left-area .et_pb_post.format-audio{
padding: 0;
}
.archive .et_pb_post .et_pb_image_container,
.archive .et_pb_post .et_main_video_container,
.archive .et_pb_post .et_audio_content,
.archive .et_pb_post .et_pb_slider,
.search .et_pb_post .et_pb_image_container,
.search .et_pb_post .et_main_video_container,
.search .et_pb_post .et_audio_content,
.search .et_pb_post .et_pb_slider {
margin: -20px -20px 10px;
}
.archive .et_pb_post.format-audio .et_audio_content{
margin: 0px -38px 0px;
}
.archive .et_pb_post .et_pb_slider .et_pb_slide,
.search .et_pb_post .et_pb_slider .et_pb_slide {
min-height: 180px;
}
.archive .pagination,
.search .pagination {
padding: 20px 0;
}
/*
* Media Queries
*/
@media screen and (max-width: 980px) {
.search #left-area .et_pb_post,
.archive #left-area .et_pb_post {
width: 47%;
margin-right: 6%;
}
.search #left-area .et_pb_post:nth-child(2n),
.archive #left-area .et_pb_post:nth-child(2n) {
margin-right: 0;
}
.search #left-area .et_pb_post:nth-child(3n+1),
.archive #left-area .et_pb_post:nth-child(3n+1) {
clear: both;
}
}
@media screen and (max-width: 767px) {
.archive #left-area .et_pb_post {
width: 100%;
margin-right: 0;
}
.search .et_pb_post.format-audio .et_audio_content,
.archive .et_pb_post.format-audio .et_audio_content{
margin: 0;
}
.search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
.archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
.search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total,
.archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{
min-width: 300px!important;
width: 300px!important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment