Using Chrome and on a 27 inch desktop computer.. the fullwidth portfolio carousel has white space - it should be whiteout wight space between videos (custom css was added).
see attached pic.
Custom css added on the site:
/* For Blog page */
body .meta-author {
display: none !important;
}
body .meta-category {
display: none !important;
}
body .meta-comment-count {
display: none !important;
}
/* For Blog Single Pages */
body #single-below-header {
display: none !important;
}
/* hide date and love on masonry blog */
body #post-area.masonry article.post .post-meta {
display: none!important;
}
article.post .content-inner {
border-bottom: none;
}
html body .portfolio-items .col .work-item.style-2 h3 {
font-size: 22px;
}
#header-outer.transparent header#top nav {
display: none !important;
}
.nectar-love-wrap {
display: none!important;
}
@media only screen and (max-width: 1000px) and (min-width: 1px) {
html body header#top #logo img {
height: 46px!important;
margin-top: -14px!important;
}
}
body .carousel li.span_4, body .portfolio-items.carousel li.span_4 {
margin: 0px !important;
}
article.post .post-meta .date {
display: none !important;
}
/* iPad */
@media only screen and (min-device-width: 481px) and (max-device-width: 1025px) {
body header#top #logo img {
height: 54px!important;
margin-top: -7px;
}
}
/* iPad landscape */
@media only screen and (min-device-width: 481px) and (max-device-width: 1025px) and (orientation:landscape) {
Using Chrome and on a 27 inch desktop computer.. the fullwidth portfolio carousel has white space - it should be whiteout wight space between videos (custom css was added).
see attached pic.
Custom css added on the site:
/* For Blog page */
body .meta-author {
display: none !important;
}
body .meta-category {
display: none !important;
}
body .meta-comment-count {
display: none !important;
}
/* For Blog Single Pages */
body #single-below-header {
display: none !important;
}
/* hide date and love on masonry blog */
body #post-area.masonry article.post .post-meta {
display: none!important;
}
article.post .content-inner {
border-bottom: none;
}
html body .portfolio-items .col .work-item.style-2 h3 {
font-size: 22px;
}
#header-outer.transparent header#top nav {
display: none !important;
}
.nectar-love-wrap {
display: none!important;
}
@media only screen and (max-width: 1000px) and (min-width: 1px) {
html body header#top #logo img {
height: 46px!important;
margin-top: -14px!important;
}
}
body .carousel li.span_4, body .portfolio-items.carousel li.span_4 {
margin: 0px !important;
}
article.post .post-meta .date {
display: none !important;
}
/* iPad */
@media only screen and (min-device-width: 481px) and (max-device-width: 1025px) {
body header#top #logo img {
height: 54px!important;
margin-top: -7px;
}
}
/* iPad landscape */
@media only screen and (min-device-width: 481px) and (max-device-width: 1025px) and (orientation:landscape) {
body header#top #logo img {
height: 54px!important;
margin-top: -7px !important;
}
}
/* Mobile */
@media only screen and (max-width: 470px) {
body header#top #logo img {
height: 35px!important;
margin-top: -12px;
}
}
Hey - add this into the custom css box located in your Salient Options panel:
.portfolio-items .img { width: 100%!important; max-width: none!important; }Put in the code - issue still occurs on Firefox and Chrome (home page portfolio carousel - need to remove white space b/w videos).
There was a small typo in the last snippet - it should be:
.portfolio-items img { width: 100%!important; max-width: none!important; }I will give this a try.