Skip to content
Public Ticket #18514

Featured Slider Style

Conversation thread

tdkevin replied

Customer Reply

Thanks!

it look's work fine!

PenciDesign replied

Staff Reply

Hi,

Please try to do follow steps below to do that:

1/ Go to Customize > Featured Slider > General > and select the featured slider style to "Style 36" and check to:

"Enable Next/Prev Button for Penci Slider & Slider Styles 35, 36, 37"

"Disable Dots for Penci Slider & Slider Styles 35, 36, 37"

"Hide Categories Of Post"

"Hide Post Date"

"Hide Comment Count"

2/ Add more this code to Customize > Custom CSS:

@media only screen and (max-width: 961px){
    .featured-style-35.style-36 .penci-featured-content-right{ width: 100%; height: auto; top: auto; }
    .feat-text-right{ top: auto; bottom: 0; transform: none; position: relative; display: flex; }
    .featured-style-35 .feat-text-right .penci-featured-slider-button{ display: none; }
    .featured-style-35 .feat-text-right .featured-content-excerpt{ margin-top: 0; padding-left: 20px; }
    .featured-style-35 .feat-text-right h3, 
    .featured-style-35 .feat-text-right .featured-content-excerpt,
    .penci-featured-content-right:before{ animation-name: none !important; }
    .penci-featured-content-right:before{ opacity: 0.7; }
}

Hope this help,

Best Regards,

PenciDesign

tdkevin started the conversation

Conversation Start

Hi teams,

I want my featured slider just like this demo website : 
https://0921119034.com/

Full width and the title on the bottom left and the excerpt on the bottom right.

is it possiable?

Want to join this conversation or access attachments? Sign in first.