Questions about Penci Slider | PenciDesign Support

RedDisenho replied

8 years ago

Customer Reply

Thanks, it worked perfectly!

PenciDesign replied

8 years ago

Staff Reply

Hi,

Please add more this custom css code:

\
.pencislider-container .pencislider-content .pencislider-button{\
transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;\
}

Best Regards,

PenciDesign

RedDisenho replied

8 years ago

Customer Reply

Thanks it worked!

Btw, do you know how to make the CSS to recognize the transition-duration property? I wanted to add a 0.3s transition but it just ignores it.

Tried adding it next to the code you gave me, and in a separate line, but same effect.

PenciDesign replied

8 years ago

Staff Reply

Hi,

Ah sorry, please try with this code:

\
.pencislider-container .pencislider-content .pencislider-button{ background: rgba(255, 255, 255, 0.6) !important; }\
.pencislider-container .pencislider-content .pencislider-button:hover{ opacity: 1 !important; background: #fff !important; }

Best Regards,

PenciDesign

RedDisenho replied

8 years ago

Customer Reply

Thanks!

1/ was fixed! :D

Neither 2/ nor 3/ aren´t working. the template just ignores it :/

PenciDesign replied

8 years ago

Staff Reply

Hi,

1/ Ah, I see you're using VC to config your homepage. If so, please go to Pages > All Pages > edit your front-page > scroll down and you will see option to display featured slider there.

2/ To make button like you want, please add more this code to Customize > Custom CSS:

\
.pencislider-container .pencislider-content .pencislider-button{ background: rgba(255, 255, 255, 0.6); }\
.pencislider-container .pencislider-content .pencislider-button:hover{ opacity: 1; background: #fff; }

To make the text break a new line, you can use <br> tag on your sub-heading title.

Example:

This is the content for first line<br>This is the content for second line.

Best Regards,

PenciDesign

RedDisenho replied

8 years ago

Customer Reply

Hi and thanks for the prompt reply!

1/When I uncheck that option the slider disappears fom All pages including the homepage! :/

2/I wanted to play a little with the button making it transparent and turning all white with black letters when hover. And I wanted to change the styling of the text (size of text area, add more lines to avoid the text doing all the way to the borders), stuff like that. Maybe even hide the text and reveal only on hover.

PenciDesign replied

8 years ago

Staff Reply

Hi,

1/ Please go to Customize > Featured Slider Options > and un-check on "Enable Featured Slider on All Pages"

2/ What do you want to change designs for the text & button on the slider?

Best Regards,

PenciDesign

RedDisenho started the conversation

8 years ago

Conversation Start

Hello!

I have 2 questions about the Penci Slider:

1. How do I make it Home Page only? I have went through the settings back and forward and havent being able to find any option that could let me turn it off for posts, it just keeps appearing on any single page.

2. How do I fine tune the text and button of the slider? I´m using it as an overlay text above the main image, but I would like to change the text box width and the button style to make it less intrusive.

Thanks in advance!