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.
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.
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:
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!
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
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.
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
Thanks!
1/ was fixed! :D
Neither 2/ nor 3/ aren´t working. the template just ignores it :/
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
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.
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
Thanks, it worked perfectly!