Jump to content

Our picks : images' size


Go to solution Solved by Marc Stridgen,

Recommended Posts

I made some severe changes to the Our Picks Carousel on the front page, you're welcome to use and adapt the following CSS changes that allows some significant manipulation of the Our Picks.

This is before the changes:

Could contain: Person, Human, Advertisement, Poster, Flyer, Paper, Smile, Face, Interior Design, Indoors

This is after the changes:

Could contain: Person, Human, Text

ย 

/* Adjust our picks front page */
[data-role="carouselItems"] .ipsType_medium:not( .ipsType_richText ) {
    line-height: 1.53;
    display: none;
}
.cPromotedWidget_horizontal .cPromotedWidgetItem_content > .cPromotedWidgetItem_contentInner {
    flex-grow: 1;
    display: none;
}
[data-role="carouselItems"] .ipsPhotoPanel.ipsPhotoPanel_tiny.ipsType_blendLinks.ipsType_light {
    display: none;
}
[data-blocktitle="Our picks"] .ipsCarousel .ipsCarousel_inner {
    height: 330px !important;
}
.cPromotedWidgetItem .cPromotedHeader {
    min-height: 279px;
}
.cPromotedWidget_horizontal .cPromotedWidgetItem {
    width: 187px !important;
    display: flex;
    flex-direction: column;
}
.cPromotedTitle {
    font-size: 14px;
    font-weight: 600;
}
.ipsPad_half.ipsWidget_inner.ipsWidget_bottomBar {
    display: none;
}
.ipsBox--child {
    box-shadow: none;
    border-style: none !important;
    border-width: 0px !important;
    border-color: #26323e !important;
}
.cPromotedWidget_horizontal .cPromotedWidgetItem_content {
    padding-bottom: 15px;
    text-align: center;
   background: rgb(73 8 46);

}

Hope that helps ๐Ÿ™‚

ย 

Edited by Davyc
Link to comment
Share on other sites

  • Recently Browsing   0 members

    • No registered users viewing this page.
ร—
ร—
  • Create New...