Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2315460
Featured slider overlay
Closed

Comments

  • aszakallas started the conversation
    March 1, 2020 at 7:25pm

    Hi there, in PenNews is it possible to assign featured slider style as it is set in Soledad from the link? Thanks.

    http://soledad.pencidesign.com/soledad-time-magazine/

  •  501
    Penci replied
    March 1, 2020 at 9:10pm

    Hi,

    Yeah, pennew supported featured slider layout same link you send.

    Please use "Featured slider" shortcode with style 8

    Please check demo : http://pennews.pencidesign.com/slider-style-8/


    Best Regards,

    PenciDesign

  • aszakallas replied
    March 1, 2020 at 10:31pm

    Sorry, that I wasn't clear enough.

    I am interested in the semi-transparent box on the bottom of each picture that turns darker on mouse over. How to get that on the PenNews theme?

    Just like shown at the link bellow.

    http://soledad.pencidesign.com/soledad-time-magazine/

  •  501
    Penci replied
    March 3, 2020 at 7:33am

    Hi,

    Please go to  Customizer > Addtional CSS then add custom css to do that

    .penci-featured-content .penci-slider__text:before{
     position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background: #000;
        opacity: 0.5;
        content: '';
        z-index: 1;
        -webkit-transition: opacity .4s ease 0s;
        -moz-transition: opacity .4s ease 0s;
        -o-transition: opacity .4s ease 0s;
        transition: opacity .4s ease 0s;
    }
.penci-featured-content .penci-slider__text > div,
    .penci-featured-content .penci-slider__text > h3{
     position: relative;
     z-index: 10;
    }
.penci-owl-featured-area .penci-item-mag:hover .penci-featured-content .penci-slider__text:before {
        opacity: .7;
    }
    .penci-owl-featured-area .penci-item-mag.penci-gradient:not(.penci-image-holder):after {
        content: none !important;
    }

    Best Regards.

    PenciDesign


  • aszakallas replied
    March 3, 2020 at 8:28am

    Thank you very much, that worked perfectly.

  • aszakallas replied
    March 3, 2020 at 8:35am

    There is one more news box on the home page that didn't change the style. How do I apply this to the Penci Block 29? screenshot attached. Thanks.

  •  501
    Penci replied
    March 4, 2020 at 12:05am

    Hi,

    Please try fo to Customizer > Addtional CSS then add custom css to do that

    .penci-block_29 .block_29_first_items .penci_post_content:before{
 position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #000;
    opacity: 0.5;
    content: '';
    z-index: 1;
    -webkit-transition: opacity .4s ease 0s;
    -moz-transition: opacity .4s ease 0s;
    -o-transition: opacity .4s ease 0s;
    transition: opacity .4s ease 0s;
}
.penci-block_29 .block_29_first_items .penci_post_content > div,
.penci-block_29 .block_29_first_items .penci_post_content > h3{
 position: relative;
 z-index: 10;
}
.penci-block_29 .block_29_first_items .penci-post-item:hover .penci_post_content:before {
    opacity: .7;
}

    Best Regards,
    PenciDesign

  • aszakallas replied
    March 4, 2020 at 11:11pm

    Thank you! You're the best.