I am wanting to have a before/after slider but without the button showing, so it's just a line with no button. I want the slider to be full width, and due to the button it doesn't show the image as full width (there is white space in the margins to have space for the button).
In the picture attached I have tried to show the button and the space I'm talking about.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
I am wanting to have a before/after slider but without the button showing, so it's just a line with no button. I want the slider to be full width, and due to the button it doesn't show the image as full width (there is white space in the margins to have space for the button).
In the picture attached I have tried to show the button and the space I'm talking about.
Hey Again,
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
Thank you - the url is brenna.cc, it is on the main page but lower :)
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.twentytwenty-handle { width: 8px !important; margin-left: 0px !important } .twentytwenty-left-arrow, .twentytwenty-right-arrow { display: none !important; }Thanks
ThemeNectar Support Team
Thank you~ this has removed the button, but I'm afraid the slider still doesn't want to go right to the edge (see pic attached)
Unfortunately that is not possible with CSS Alone .
Be.st
ThemeNectar Support Team