Hallo zusammen, ich verwende die Erweiterung JW Tabs and Sliders auf meiner Seite https://www.goetheschule-boenen.de/schule/schulprogramm.html
Die Tabs gehen über mehrere Zeilen und überlappen sich so, das der Text nicht gut zu lesen ist.
Ist es möglich, den Code per CSS so anzupassen, das die Tabs etwas mehr Abstand zueinander haben, wenn sie in mehreren Zeilen/Reihen untereinander sind?
Folgende s habe ich per Entwickler Plugin gefunden, finde aber nicht so recht die Stellen, wo man evtl. einen solchen Abstand angeben könnte.
CSS
ul.jwts_tabbernav li.jwts_tabberactive a {
background: #fff;
border-bottom: 1px solid #fff;
}
ul.jwts_tabbernav li a {
font-size: 14px;
margin: 0 2px 0 0;
padding: 4px 10px 2px;
color: #222;
border-radius: 2px 2px 0 0;
border: 1px solid #bbb;
border-bottom: 0;
background: #eee url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEUxQTE0ODM5RTdEMTFFMThCRDlBNTYzQzlDNDZCQjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEUxQTE0ODQ5RTdEMTFFMThCRDlBNTYzQzlDNDZCQjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4RTFBMTQ4MTlFN0QxMUUxOEJEOUE1NjNDOUM0NkJCNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4RTFBMTQ4MjlFN0QxMUUxOEJEOUE1NjNDOUM0NkJCNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAICAgICAgICAgIDAgICAwQDAgIDBAUEBAQEBAUGBQUFBQUFBgYHBwgHBwYJCQoKCQkMDAwMDAwMDAwMDAwMDAwBAwMDBQQFCQYGCQ0LCQsNDw4ODg4PDwwMDAwMDw8MDAwMDAwPDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIADwBkAMBEQACEQEDEQH/xABcAAEBAQEBAQAAAAAAAAAAAAAAAQYFBwkBAQAAAAAAAAAAAAAAAAAAAAAQAAEEAgMBAAMAAAAAAAAAAABRYhQVAWEhAhJScRMFEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwD78++qgPfVQHvqoD31UB76qA99VAe+qgPfVQHvqoD31UB76qA99VAe+qgPfVQHvqoD31UB76qA99VAe+qgPfVQHvqoD31UB76qA99VAe+qgPfVQHvqoD31UB76qA99VAe+qgPfVQHvqoD31UB76qA99VAe+qgPfVQHvqoD31UB76qA99VAe+qgPfVQHvqoD9nVQHvqoD31UB76qA99VA4EzYCbhQE3CgJmwE3CgJuFATcKAm4UBNwoCY4BNwoCbsBNwoCbsBNx9AJuFATdgJuFATNgJuF/ACbsBNwoCbhQE3CgJuwEzYCa4BNwoCa4BM2Am4UBNwoCZsBM2AmYUBNwoCbsBNwoCbhQE3YCZsBNwoCbhQE3CgJmFATcKAmbATcKAmbATcKBjLBwCwcAsHALBwCwx9ALBwCwcAsHALDH0AsHALBwCwcAsXALDYCwcAsHALDH0AsHALBwCwcAsHALBwCwcAsMfQCwcAsXALBwCwcAsXALDYCw2AsXALBwCwcAsXALBwCwcAsHALDH0AsXALBwCxcAsdgLFwCwx9ALBwCwcAsHALBwCxcBgrJwCycAsnALJwCycAsnALJwCycAsnALJwCycAsnALJwCycAsnALJwDH9JwCycAsnALJwCycAsnALJwCycAsnALJwCycAsnALJwCycAsnALJwCycAsnALJwCycAsnALJwCycAsnALJwCycAsnALJwCycAsnALJwCycAsnALJwHn9lsBZOAWTgFk4BZOAWTgFk4BZOAWTgFk4BZOAWTgFk4BZOAWTgFk4BZOAWTgFk4BZOAtk4BZOAlk4BZOAWTgFk4BZbAtk4BZOAlk4BZOAWTgFk4BZOAWTgFk4BZOAtk4CWTgFk4C2TgJZOAWTgFk4BZOAWTgLZOAlk4BZOAWTgMJYOAWGfoBYbAWDgFhn6AWGfoBPz9ALDKgLBwCwcAsHALBwCwcAnuAtg4CWDgLYOAlg4BYbAWDgFhsBPz9ALBwCw2AsHALBwCwcAn5+gFhn6AT3ALBwCw2AsHAJ7gFg4BYZ+gFhsBYOAT3AJ7gFg4BPcAsHALBwCw2AsHALDYCfn6AWDgFhn6AyEvKgJeVAS8qBJeVAsvYEl5UBLyoFl5UCS8qAl5UBL2Al5UBLyoFl5UBLyoEmZUBLyoCXlQEvKgWXlQEvYCXlQJL2Al5UBLyoFl7AkvKgJeVAS8qAl5UBLyoCXlQEvYCXlQLLyoEl7AsvKgSZlQLLyoCXlQJLyoCXlQEvYCXlQEvKgJeVAS9gJeVAS8qAl5UDk8gOdgOdgOdgOdgOdgOdgOdgOQHOwHOwHOwHOwHOwHIDnYDnYDnYDnYDkBzsBzsBzsBzsByA52A52A52A5Ac7Ac7Ac7Ac7Ac7Ac7Ac7Ac7Ac7Ac7Ac7Ac7Ac7Ac7Ac7AcgOdgOdgOdgOdgOdgf/Z) repeat-x 50%;
}
ul.jwts_tabbernav li {
margin: 0!important;
padding: 0!important;
line-height: normal!important;
list-style: none!important;
background: none!important;
display: inline!important;
}
ul.jwts_tabbernav {
margin: 0 0 0 8px!important;
padding: 0!important;
list-style: none!important;
background: none!important;
line-height: normal!important;
height: auto!important;
text-align: left!important;
}
Alles anzeigen