• i made my own style for backend

    .wp-swiper__slides .wb-tabs-buttons.wb-tabs-buttons-align-start {
    	align-items: center;
    	border: none;
    }
    .wp-swiper__slides .wb-tabs-buttons.wb-tabs-buttons-align-start .wb-tabs-buttons-item h4 {
    	color: black;
    	font-weight: bold;
    	margin: 0;
    	padding: 8px;
    }
    .wp-swiper__slides .wb-tabs-buttons.wb-tabs-buttons-align-start button.components-button.has-text.has-icon {
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	min-height: 46px;
    	color: white;
    	background: black;
    	gap: 4px;
    }
    .wp-swiper__slides .wb-tabs-buttons.wb-tabs-buttons-align-start >* {
    	border-radius: 0;
    	border: 1px solid #e9e9e9;
    	box-shadow: 0 16px 32px rgb(0 0 0 / 12%);
    	opacity: 1;
    	background: #f6f6f6;
    	margin: 0;
    	flex-basis: auto;
    	flex-grow: 1;
    }
    .wp-swiper__slides .wb-tabs-buttons.wb-tabs-buttons-align-start >*:first-child {
    	border-top-left-radius: 6px;
    }
    .wp-swiper__slides .wb-tabs-buttons.wb-tabs-buttons-align-start >*:last-child {
    	border-top-right-radius: 6px;
    }
    .wp-swiper__slides .wb-tabs-buttons .wb-tabs-buttons-item.wb-tabs-buttons-item-active {
    	border-bottom-color: rgba(180,180,180,.5);
    }
    .wp-swiper__slides .wb-tabs-buttons.wb-tabs-buttons-align-start button.components-button.has-text.has-icon span.dashicon.dashicons.dashicons-insert {
    	margin: 0;
    	display: flex;
    }
    .wp-swiper__slides .wp-swiper__slide-content .wp-swiper__slide {
    	border: none;
    	box-shadow: 0 16px 32px rgb(0 0 0 / 12%);
    	overflow: hidden;
    	border-radius: 16px;
    	border-top-left-radius: 0;
    	border-top-right-radius: 0;
    	background: white;
    	min-height: 40vh;
    }
    .wp-swiper__slides .wb-tabs-buttons .wb-tabs-buttons-item.wb-tabs-buttons-item-active {
    	background: var(--wp-admin-theme-color);
    	border-color: var(--wp-admin-theme-color);
    }
    .wp-swiper__slides .wb-tabs-buttons .wb-tabs-buttons-item.wb-tabs-buttons-item-active h4 {
    	color: white;
    }
    .wp-swiper__slides .wb-tabs-buttons.wb-tabs-buttons-align-start >*:hover {
    	z-index: 2;
    }
    .wp-swiper__slides .wb-tabs-buttons.wb-tabs-buttons-align-start button.components-button.has-text.has-icon {
    	box-shadow: none;
    }
    .wp-swiper__slides .wb-tabs-buttons.wb-tabs-buttons-align-start button.components-button.has-text.has-icon:after {
    	content: 'Add new';
    	font-family: initial;
    	font-weight: bold;
    	font-family: "Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    	font-size: 16px;
    }
    div[data-title="WP Swiper"] {
    	padding: 8px;
    }
  • The topic ‘nice work’ is closed to new replies.