More transparent class="vs-sidenav-right" e "vs-sidenav-left"

  • Posted in : cvCard WP
  • mavek
    Participant

    Hi how can i have more transparents class=”vs-sidenav-right” and class=”vs-sidenav-left”, and with a reduced width, without losing the responsivity of the theme? Thank you very much.

    Best Regards

    ahmetsali
    Keymaster

    Hi,

    – to reduce left and right page opacity, try this custom css code;

    .vs-triplelayout .vs-right,
    .vs-triplelayout .vs-left,
    .vs-triplelayout .vs-left-outer,
    .vs-triplelayout .vs-right-outer,
    .container.vs-triplelayout.vs-move-left .vs-current,
    .container.vs-triplelayout.vs-move-right .vs-current {
     	opacity: .1;
    }
    

    – to reduce witdh of them, try this custom css code;

    .vs-triplelayout .wrapper > section {
    	 	width: 90%; left: 5%;
    		}
    	.vs-triplelayout .wrapper .vs-left {
    		left: -85%; /* 90 - 5 */
    		}
    	.vs-triplelayout .wrapper .vs-left-outer {
    		left: -175%; /* - 85 - 90 */
    		}
    	.vs-triplelayout .wrapper .vs-current {
    		position: relative; z-index: 100;
    		}
    	.vs-triplelayout .wrapper .vs-right {
    		left: 95%; /* 90 + 5 */
    		}
    	.vs-triplelayout .wrapper .vs-right-outer {
    		left: 185%; /* 95 + 90 */
    		}
    
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register