Shortcode - Fabre und Schriftart anpassen

Thom2504

Hallo Gemeinde,
ich habe mir myCalendar von [COLOR=#000000][FONT=-apple-system]Von [/FONT][/COLOR]Joseph C. Dolson installiert.
Nun werden mir auf der Startseite endlich auch die kommenden Events dank SHORTCODE angezeigt, ich würde gern die Schriftart und Farbe an die welche ich auf der Seite nutze umstellen. Leider habe ich keine Ahnung von CSS, es gibt wohl den Style-Editor aber auch dort sind nur Codes hinterlegt. Auch den "Punkt" vor dem Event würde ich gerne deaktivieren.

Betrifft Startseite: http://www.crepesbude.de
Kann mir hier wer helfen?

Im Anhang habe ich den Code des Style-Editors angehangen.

CSS

/* New theme for 2015 */.my-calendar-header *, .mc_bottomnav * {
	line-height: 1.5;
}




.mc-main .my-calendar-header, .mc-main .mc_bottomnav {
	background-color: rgba( 0, 0, 0, .15 );
	color: #000;
	padding: 2px 10px;
}




.mc-main a {
	border-bottom: none;
}




.mc-main .details ul, .mc-main .details ol, .mc-main details li  {
	margin: 5px 0 10px 30px;
}




.my-calendar-header > div, .mc_bottomnav > div {
	margin: 5px;
	display: inline-block; 
}




.mc-main .maybe-hide {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;	
}




.my-calendar-header > div:nth-of-type(1), .mc_bottomnav > div:nth-of-type(1) {
	margin-left: 0;
}
	
.my-calendar-header > div:nth-of-type(last), .mc_bottomnav > div:nth-of-type(last) {
	margin-right: 0;
}




.mc-main .my-calendar-header a, .mc-main .mc_bottomnav a {
    color: #333;
    text-decoration: none;
	border-radius: 5px;
	padding: 4px 6px;
	font-size: .8em;
    background: linear-gradient(to top, rgba(230, 230, 230, .95) 0%, rgba(250, 250, 250, .95) 70%);
}




.mc-main .my-calendar-header a:hover, .mc-main .mc_bottomnav a:hover, .mc-main .my-calendar-header a:focus, .mc-main .mc_bottomnav a:focus {
    color: #fff;
    text-decoration: underline;
    background: linear-gradient(to bottom, rgba(125, 125, 125, .95) 0%, rgba( 90, 90, 90, .95) 70%);
}




.mc-main.calendar {
    width: 100% !important;
}




.mc-main .heading {
	margin: 0;
}




.mc-main table {
    width: 100%;
    border-collapse: collapse;
}




.mc-main tr td {
    width: 14.285714%;
    border: 1px solid #f6f6f6;
    padding: 0 !important;
    height: 5em;
}




.mc-main th {
    text-align: center;
    text-transform: uppercase;
    padding: 8px 0;
    background: rgba(0, 0, 0, .8);
    color: #fff !important;
}




.mc-main {
    position: relative;
}




.mc-main table .current-day .mc-date {
    background: rgba(0, 0, 0, .8) !important;
    color: #fff;
}




.mc-main caption {
    font-size: 2em;
	color: #fff;
	background: #333; 
	padding: 5px;
	text-align: right;
	caption-side: bottom;
}




.mc-main.mini caption {
    font-size: 1.2em;
}




.mc-main .event-title {
    margin: 0 !important;
	font-size: .8em;
}




.mc-main .event-title a {
    display: block;
    line-height: 1.5;
    padding: 6px;
    font-size: .9em;
	position: relative;
	border-bottom: none;
}




.mc-main .event-title .has-image {
	padding-left: 24px; 
}




.mc-main.mini .event-title {
	padding: 10px 30px 10px 5px;
}




.mc-main.mini .event-title img {
	position: relative;
	margin-right: 4px;
	top: 0;
	left: 0;
}




.mc-main .mc-format a:before {
	font-family: dashicons;
	margin-right: 4px;
	vertical-align: text-top;
}




.mc-main .mc-format .list:before {
	content: "\f163";
}




.mc-main .mc-format .grid:before {
	content: "\f508";
}




.mc-main .event-title img {
	position: absolute;
	top: 6px;
	left: 4px;
}




.mc-main .calendar-event .details, .mc-main .calendar-events {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 3;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 0 4px;
    color: #333;
}




.mc-main.calendar .details.no-image {
	padding-top: 60px;
}




.mc-main.calendar .single-event .details.no-image {
	padding-top: 0;
}




.mc-main .details {
	padding: 10px;
}




.mc-main .mc-list .details {
	padding: 0;
}




.mc-main .close {
    position: absolute;
    left: .5em;
    top: .5em;
	padding: 4px;
	line-height: 2;
	border-bottom: none;
}
.mc-main.mini .close {
	left: auto;
	top: .25em;
	right: .5em;
}




.mc-main .close:hover, .mc-main .close:focus {
	background: rgba( 240, 240, 240, .8 );
}




.mc-main .details img {
    width: 100%;
    height: auto;
}




.mc-main .details img.alignleft {
    width: auto;
    float: left;
    margin: 0 20px 10px 0;
}




.mc-main .details img.alignright {
    width: auto;
    float: left;
    margin: 0 0 10px 20px;
}




.mc-main .details img.aligncenter {
    width: auto;
    display: block;
    margin: 0 auto 10px;
}




.mc-main .details p {
    margin: 0 0 20px;
    line-height: 1.6;
	font-size: 1em;
}




.mc-main .details h2, .mc-main .details h3 {
    font-weight: 700;
    font-size: 1.3em;
    line-height: 1.3;
}




.mc-main .details h4, .mc-main .details h5, .mc-main .details h6 {
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.5;
}




.mc-main .details li {
    line-height: 1.5;
}




/* Sharing */
.mc-main .details .sharing {
    clear: both;
}




/* Date/times */




#mc-day .time-block p {
	top: -1.5em;
}




.mc-main.mini .time-block p {
	position: relative;
	display: block; 
	text-align: center;
	top: 0;
	right: 0;
}
.mc-main .time-block p{
    color: #000;
	display: inline-block;
    margin: 0 !important;
	position: absolute;
	top: .5em;
	right: .5em;
	background: rgba( 255, 255, 255, .7 );
	padding: 0 10px !important;
}
.mc-main .single-event .time-block p, .mc-main.list .time-block p {
	position: static;
	padding: 0!important;
}




.mc-main .time-block p:before {
	font-family: dashicons;
	content: "\f469";
	vertical-align: top;
	margin-right: 4px;
}




.mc-main .mc-event-date {
    font-weight: 700;
    color: #333;
}




.mc-main .has-events .mc-date {
	font-weight: 700;
	background: #333;
	color: #fff;
}




.mc-main .has-events .mc-date a {
	color: #fff;
}




.mc-main .mc-date {
    display: block;
    padding: 4px;
    font-size: 1.2em;
    background: rgba(240, 240, 240, .9);
    color: #111;
}




.mc-main.mini .mc-date {
	text-align: center;
}




.mc-main .mc-single {
    font-size: 1.4em;
	margin: 0;
}




/* Navigation */
.my-calendar-nav ul, .mc-main .category-key ul, .mc-main .mc-export ul, .mc-main .mc-list {
    margin: 0 !important;
    padding: 0 !important;
}




.my-calendar-nav ul li, .mc-main .category-key ul li, .mc-main .mc-export ul li {
    display: inline-block;
    list-style-type: none;
    margin: 0 0 6px;
}




.my-calendar-nav .my-calendar-prev a {
	border-radius: 5px 0 0 5px;
	border-right: 1px solid #bbb;	
}




.my-calendar-nav .my-calendar-next a {
	border-radius: 0 5px 5px 0;
	border-left: 1px solid #fff;	
}




.my-calendar-prev a:before {
    content: '\25C0 ';
}




.my-calendar-next a:after {
    content: ' \25b6';
}




/* Category Key */
.mc-main .category-key h3 {
	margin: 0 0 10px 0 !important;	
}




.mc-main .no-icon {
    display: inline-block;
    width: 1.25em;
    margin-right: .25em;
    border-radius: 12px;
}




.mc-main .category-color-sample img {
    padding: 2px;
	display: inline;
    vertical-align: text-top;
    margin-right: .25em;
}




/* hCard */
.mc-main .vcard {
    margin: 0 0 15px 15px;
    float: right;
    padding: 20px;
    max-width: 50%;
	background: rgba( 0, 0, 0, .1 );
}




.mc-main .vcard .street-address {
    display: inline;
}




.mc-main .vcard .street-address:nth-of-type(2):before {
    content: ', ';
}




/* Jumpbox */
.mc-main .my-calendar-date-switcher select {
    padding: 0;
    width: auto;
    margin: 0;
}




.mc-main .my-calendar-date-switcher input[type=submit] {
    min-width: 2em;
	font-size: 1em;
}




/* List View */
.mc-main .mc-list li, #mc-day {
	position: relative;
}




.mc-list .current-day .event-date:before {
    content: "\f139 ";
	font-family: dashicons;
	vertical-align: middle;
}




.mc-main .mc-list .mc-events {
    list-style-type: none !important;
    padding: 10px;
    background: rgba(0, 0, 0, .05);
    margin: 0;
}




.mc-main .mc-list .mc-events.odd {
    padding: 10px;
    background: none;
}




.mc-main.list .my-calendar-month {
    font-size: 1.4em;
    background: #000;
    color: #fff;
    padding: 5px;
    text-align: right;
}




.mc-main .list-event .event-title {
	margin-top: 10px !important;;
    padding: 5px;
}




.mc-main .mc-list .event-date {
    font-size: 1.1em;
    font-weight: 600;
}




.mc-main .list-event {
	margin-top: 1em;
}




.mc-main .mc-list-extended {
	font-size: .9em;
	font-style: italic;
}




.mc-main .list-event .details img {
    width: auto;
    max-width: 100%;
}




.mc-main .list-event .event-title img {
    margin-right: .5em;
    position: relative;
    top: -1px;
}




.mc-main .nextmonth .event-title {
    opacity: .7;
}




/* Single view */
.single-event .event-title {
    padding: 10px;
    font-size: 1.4em;
}




.single-event .event-title img {
    margin-right: 10px;
	position: static;
}




/* Mini */
.mc-main.mini table {
    margin-bottom: 0;
}




.mc-main.mini tr td {
    height: auto;
}




.mc-main.mini .vcard {
    line-height: 1.5;
    margin: 0 0 15px;
    float: none;
    padding: 10px;
    max-width: 100%;
}

Alles anzeigen

Über eine Hilfe wäre ich euch sehr Dankbar.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

maxe

z.B. so
li.future-event {
color: black;
list-style-type: none;
}

Thom2504

Oh vielen Dank maxe,

wie bekomme ich die Schriftgröße noch angepasst?

maxe

http://bfy.tw/8jjD

Thom2504

Maxe da war ich bereits, ich habe schon gesucht und auch gefunden, aber ich komme nicht klar damit, ich wollte die Auflistung genau unter den Text der Unterstrichen ist und in der Schriftart wie auf der Website, ich bin in CSS total unerfahren. Es wäre super lieb wenn du mir da helfen könntest.

Thom2504

Zitat von maxe

http://bfy.tw/8jjD

Hab es hinbekommen, nur das Problem wie ich die Auflistung "linksbündig und unter den Unterstrichenen Text" bekomme weiss ich leider nicht, hast du da auch ein Tipp oder eine Hilfe für mich ?

Thom2504

seit dem ich

[COLOR=#333333]z.B. so[/COLOR]
[COLOR=#333333]li.future-event {[/COLOR]
[COLOR=#333333]color: black;[/COLOR]
[COLOR=#333333]list-style-type: none;[/COLOR]
[COLOR=#333333]}

eingefügt habe, kann ich im [/COLOR][COLOR=#333333]Shortcode ändern was ich will, er zeigt die Veränderung nicht an.

Was kann das sein ?[/COLOR]

maxe

sieht doch schon ganz gut aus, jetzt musst du nur noch der ul den Abstand nach links klauen

ul.upcoming-events{margin-left:0;}

das left:100% bringt beim li gar nix, kannste wieder löschen.

Thom2504

Super, Danke!
Das hat geklappt. Danke dir :-)

Kann ich eigentlich auch sagen er soll mir immer, ausgegangen vom aktuellen Tag die nächsten 6 Tage anzeigen.
Sprich bei uns, da wir immer Samstag & Sonntag unterwegs sind:

soll er mir dann Montags immer die Termine vom kommenden SA & SO anzeigen, in Moment kann ich nur die nächsten Termine ohne Zeitraum (Tage) anzeigen lassen. Wenn ich aktuell zb. 5 Termine anzeigen lasse, zeigt er mir die nächsten Wochen mit an, es soll aber ja nur immer das kommende Wochenende angezeigt werden. Da wir öfter auch an einem Wochenende 3 Feste anfahren, müsste ich die Anzeige auf 3 stellen, dann werden aber die nächsten Wochen mit angezeigt weil wir zb dieses Wochenende nur ein Markt anfahren aber die Anzeige auf 3 steht.

Lg
Thom

maxe

Kann ich dir nicht sagen, da ich das Plugin nicht kenne.

Thom2504

Das ist es ja, ich finde auch nicht wirklich Hilfe dazu im Internet. Scheint auch nicht so genutzt zu werden das Plugin.

Thom2504

Kann mir denn wer sagen wie ich den "Leerschritt" zwischen Überschrift und Datum weg bekomme und um das ganze einen leichten dezenten Rahmen setzen kann?

Thom2504

Ich habe wieder das Problem,
ich habe nichts verändert, nun wird mir der Text größer dargestellt als der eigentliche Text der Website und der angezeigte Kalendereintrag ist wieder nicht linksbündig, sondern verschoben.

Ich hänge den Code nochmal an das mir vielleicht Final wer helfen kann.

CSS

/* New theme for 2014 */@import url(../css/reset.css);




li.future-event {
color: black;
list-style-type: none;}




}




ul.upcoming-events{margin-left:0;}




.mc-main .my-calendar-header a, .mc-main .mc_bottomnav a {
    color: #333;
    text-decoration: none;
    background: linear-gradient(to bottom, rgba(240, 240, 240, .95) 0%, rgba(225, 225, 225, .95) 70%);
}




.mc-main .my-calendar-header a:hover, .mc-main .mc_bottomnav a:hover, .mc-main .my-calendar-header a:focus, .mc-main .mc_bottomnav a:focus {
    color: #000;
    text-decoration: underline;
    background: linear-gradient(to bottom, rgba(225, 225, 225, .95) 0%, rgba(210, 210, 210, .95) 70%);
}




.mc-main.calendar {
    width: 100% !important;
}




.mc-main table {
    width: 100%;
    border-collapse: collapse;
}




.mc-main tr td {
    width: 14.285714%;
    border: 1px solid #f6f6f6;
    padding: 0 !important;
    height: 5em;
}




.mc-main th {
    text-align: center;
    text-transform: uppercase;
    padding: 1em 0;
    background: rgba(0, 0, 0, .8);
    color: #fff !important;
}




.mc-main {
    position: relative;
}




.mc-main table, .mc-main .mc-list {
    box-shadow: 0 0 2px;
}




.mc-main table .current-day .mc-date {
    background: rgba(0, 0, 0, .8) !important;
    color: #fff;
}




.mc-main caption {
    font-size: 1.5em;
    margin: 0 !important;
}




.mc-main.mini caption {
    font-size: 1.2em;
    margin: 6px 0 !important;
}




.mc-main .event-title {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    margin: 0 !important;
}




.mc-main .event-title a {
    display: block;
    line-height: 1.5;
    padding: 6px;
    font-size: .9em;
}




.mc-main .event-title img {
    vertical-align: text-top;
    margin-right: 2px;
    width: auto;
}




.mc-main .calendar-event .details, .mc-main .calendar-events {
    position: absolute;
    left: 5%;
    width: 90%;
    z-index: 3;
    background: rgba(255, 255, 255, .98);
    padding: 2em;
    box-shadow: 0 0 4px;
    color: #333;
}




.mc-main .close {
    position: absolute;
    right: 1em;
    top: 1em;
    padding: 2px;
}




.mc-main .close:hover, .mc-main .close:focus {
    outline: 1px solid #777;
}




.mc-main .details img {
    width: 100%;
    height: auto;
}




.mc-main .details img.alignleft {
    width: auto;
    float: left;
    margin: 0 1em .5em 0;
}




.mc-main .details img.alignright {
    width: auto;
    float: left;
    margin: 0 0 .5em 1em;
}




.mc-main .details img.aligncenter {
    width: auto;
    display: block;
    margin: 0 auto .5em;
}




.mc-main .details p {
    margin: 0 0 1em;
    line-height: 1.7;
}




.mc-main .details h2, .mc-main .details h3 {
    font-weight: 700;
    font-size: 1.4em;
    line-height: 1.3;
}




.mc-main .details h4, .mc-main .details h5, .mc-main .details h6 {
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.5;
}




.mc-main .details li {
    line-height: 1.5;
}




/* Sharing */
.mc-main .details .sharing {
    padding: .5em;
    clear: both;
}




.mc-main .details .sharing p {
    display: inline-block;
    margin: 0 1em 0 0;
}




/* Date/times */
.mc-main .time-block p {
    font-size: 1.2em;
    color: #000;
    margin: 0;
}




.mc-main .mc-event-date {
    font-weight: 700;
    color: #333;
}




.mc-main .mc-date {
    display: block;
    padding: 4px 2px;
    text-align: center;
    font-size: 1.2em;
    background: rgba(240, 240, 240, .9);
    color: #111;
}




.mc-main .mc-single {
    text-align: right;
    font-size: 1.4em;
    font-weight: 700;
}




/* Header */
.mc-main .my-calendar-header {
    position: relative;
    height: 5em;
    z-index: 1;
    width: 100%;
}




.mc-main .my-calendar-header:after {
    content: '';
    display: table;
    clear: both;
}




/* Navigation */
.my-calendar-nav {
    position: absolute;
    top: .5em;
    right: 0;
}




.my-calendar-nav ul, .mc-main .category-key ul, .mc-main .mc-export ul, .mc-main .mc-list {
    margin: 0 !important;
    padding: 0 !important;
}




.my-calendar-nav ul li, .mc-main .category-key ul li, .mc-main .mc-export ul li {
    display: inline-block;
    list-style-type: none;
    margin: 0 0 .3em;
}




.my-calendar-nav li a {
    padding: .3em;
}




.my-calendar-nav .my-calendar-prev a:before {
    content: '\25C0 ';
}




.my-calendar-nav .my-calendar-next a:after {
    content: ' \25b6';
}




/* Time frame */
.mc-time {
    position: absolute;
    bottom: .75em;
    font-size: 1.2em;
}




.mc-time a {
    margin-right: 1px;
    padding: .5em;
}




/* Category Key */
.mc-main .category-key h3 {
    font-weight: 700;
    font-size: 1.4em;
}




.mc-main .category-key {
    margin: .5em 0;
}




.mc-main .category-key a {
    padding: .3em;
}




.mc-main .no-icon {
    display: inline-block;
    width: 1.25em;
    margin-right: .25em;
    border-radius: 12px;
}




.mc-main .category-color-sample img {
    padding: 2px;
    vertical-align: middle;
    border-radius: 3px;
    margin-right: .25em;
}




/* hCard */
.mc-main .vcard {
    line-height: 1.5;
    margin: 0 0 1.5em 1.5em;
    float: right;
    padding: 2em;
    max-width: 50%;
}




.mc-main .vcard .street-address {
    display: inline;
}




.mc-main .vcard .street-address:nth-of-type(2):before {
    content: ', ';
}




/* Jumpbox */
.mc-main .my-calendar-date-switcher label {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    position: absolute;
    max-height: 1px;
}




.mc-main .my-calendar-date-switcher {
    position: absolute;
    bottom: .5em;
    right: 0;
}




.mc-main .my-calendar-date-switcher select {
    padding: 0;
    width: auto;
    margin: 0;
}




.mc-main .my-calendar-date-switcher input[type=submit] {
    min-width: 4em;
}




/* Format, Print */
.mc-main .mc-format, .mc-main .mc-print, .mc-main .mc-format a, .mc-main .mc-print a {
    display: inline-block;
}




.mc-main .mc-format a, .mc-main .mc-print a, .mc-main .mc-export a {
    margin-right: 4px;
    padding: .3em;
}




/* List View */
.mc-main .mc-list {
    margin-bottom: 1em;
}




.mc-list .current-day .event-date:before {
    content: "\21D2";
    color: red;
    padding: 0 .5em .5em 0;
}




.mc-main .mc-list .mc-events {
    list-style-type: none !important;
    padding: .75em;
    background: rgba(0, 0, 0, .1);
    margin: 0;
}




.mc-main .mc-list .mc-events.odd {
    list-style-type: none !important;
    padding: .75em;
    background: none;
}




.mc-main.list .my-calendar-month {
    font-size: 1.4em;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    padding: .25em;
    text-align: right;
}




.mc-main .list-event {
    background: rgba(255, 255, 255, .9);
    padding: 1em 2em;
    margin: .5em -.5em -.5em -.5em;
}




.mc-main .list-event .event-title {
    padding: .25em;
    margin-bottom: .5em;
}




.mc-main .mc-list .event-date {
    font-size: 1.1em;
    font-weight: 600;
}




.mc-main .list-event .details img {
    width: auto;
    max-width: 100%;
}




.mc-main .list-event .event-title img {
    margin-right: .5em;
    position: relative;
    top: -1px;
}




/* Out of current month */
.mc-main .nextmonth .event-title {
    opacity: .7;
}




/* Single view */
.single-event .event-title {
    padding: .5em;
    font-size: 1.4em;
}




.single-event .event-title img {
    margin-right: .5em;
}




/* Mini */
.mc-main.mini table {
    margin-bottom: 1.5em;
}




.mc-main.mini tr td {
    height: auto;
}




.mc-main.mini .has-events, .mc-main.mini .has-events .mc-date {
    background: #fff;
    font-weight: 700;
}




.mc-main.mini .vcard {
    line-height: 1.5;
    margin: 0 0 1.5em;
    float: none;
    padding: 1em;
    max-width: 100%;
}




.mc-main.mini .my-calendar-nav, .mc-main.mini .mc-time, .mc-main.mini .my-calendar-date-switcher {
    position: static !important;
    width: 100% !important;
    margin: .5em 0 !important;
}




.mc-main.mini .my-calendar-nav li a {
    padding: .2em .5em !important;
    font-family: sans-serif;
}




.mc-main.mini .event-title {
    padding: .5em;
}




/* Responsive */
@media (max-width: 460px) {
    .my-calendar-nav, .mc-time, .my-calendar-date-switcher {
        position: static !important;
        width: 100% !important;
        margin: .5em 0 !important;
    }




    .my-calendar-header {
        height: auto !important;
    }




    .mc-print, .mc-format {
        position

Alles anzeigen

Vielen Dank für eure Hilfe

Thom2504

noch nicht gelöst :-(

maxe

Hast du vielleicht ein Update von deinem (Child)Theme erhalten?

Zum CSS, was sucht denn die verlorene } da ziemlich weit oben in deinem Code?
und dafür fehlt ganz unten zwei } ... hast du da was falsch kopiert?

Und in welcher CSS Datei arbeitest du denn da überhaupt?

Thom2504

Hey Maxe,

ich bearbeite im Style-Editor des Calender Plugins. Die zu vielen & fehlenden "[COLOR=#333333]}" habe ich angepasst. aber es ändert sich leider [/COLOR][COLOR=#333333]nichts.
Ein Update des (Child-)Themen habe ich nicht gehabt. wenn müssten ja auch alle anderen Änderungen nicht mehr funktionieren. Aber alles andere funktioniert.

Ich weiss auch nicht weiter.

hier die abgeänderte Datei nochmal:

Zitat

[/COLOR]/* New theme for 2014 */@import url(../css/reset.css);

li.future-event {
color: black;
list-style-type: none;}

ul.upcoming-events{margin-left:0;}

.mc-main .my-calendar-header a, .mc-main .mc_bottomnav a {
color: #333;
text-decoration: none;
background: linear-gradient(to bottom, rgba(240, 240, 240, .95) 0%, rgba(225, 225, 225, .95) 70%);
}

.mc-main .my-calendar-header a:hover, .mc-main .mc_bottomnav a:hover, .mc-main .my-calendar-header a:focus, .mc-main .mc_bottomnav a:focus {
color: #000;
text-decoration: underline;
background: linear-gradient(to bottom, rgba(225, 225, 225, .95) 0%, rgba(210, 210, 210, .95) 70%);
}

.mc-main.calendar {
width: 100% !important;
}

.mc-main table {
width: 100%;
border-collapse: collapse;
}

.mc-main tr td {
width: 14.285714%;
border: 1px solid #f6f6f6;
padding: 0 !important;
height: 5em;
}

.mc-main th {
text-align: center;
text-transform: uppercase;
padding: 1em 0;
background: rgba(0, 0, 0, .8);
color: #fff !important;
}

.mc-main {
position: relative;
}

.mc-main table, .mc-main .mc-list {
box-shadow: 0 0 2px;
}

.mc-main table .current-day .mc-date {
background: rgba(0, 0, 0, .8) !important;
color: #fff;
}

.mc-main caption {
font-size: 1.5em;
margin: 0 !important;
}

.mc-main.mini caption {
font-size: 1.2em;
margin: 6px 0 !important;
}

.mc-main .event-title {
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
margin: 0 !important;
}

.mc-main .event-title a {
display: block;
line-height: 1.5;
padding: 6px;
font-size: .9em;
}

.mc-main .event-title img {
vertical-align: text-top;
margin-right: 2px;
width: auto;
}

.mc-main .calendar-event .details, .mc-main .calendar-events {
position: absolute;
left: 5%;
width: 90%;
z-index: 3;
background: rgba(255, 255, 255, .98);
padding: 2em;
box-shadow: 0 0 4px;
color: #333;
}

.mc-main .close {
position: absolute;
right: 1em;
top: 1em;
padding: 2px;
}

.mc-main .close:hover, .mc-main .close:focus {
outline: 1px solid #777;
}

.mc-main .details img {
width: 100%;
height: auto;
}

.mc-main .details img.alignleft {
width: auto;
float: left;
margin: 0 1em .5em 0;
}

.mc-main .details img.alignright {
width: auto;
float: left;
margin: 0 0 .5em 1em;
}

.mc-main .details img.aligncenter {
width: auto;
display: block;
margin: 0 auto .5em;
}

.mc-main .details p {
margin: 0 0 1em;
line-height: 1.7;
}

.mc-main .details h2, .mc-main .details h3 {
font-weight: 700;
font-size: 1.4em;
line-height: 1.3;
}

.mc-main .details h4, .mc-main .details h5, .mc-main .details h6 {
font-weight: 400;
font-size: 1.1em;
line-height: 1.5;
}

.mc-main .details li {
line-height: 1.5;
}

/* Sharing */
.mc-main .details .sharing {
padding: .5em;
clear: both;
}

.mc-main .details .sharing p {
display: inline-block;
margin: 0 1em 0 0;
}

/* Date/times */
.mc-main .time-block p {
font-size: 1.2em;
color: #000;
margin: 0;
}

.mc-main .mc-event-date {
font-weight: 700;
color: #333;
}

.mc-main .mc-date {
display: block;
padding: 4px 2px;
text-align: center;
font-size: 1.2em;
background: rgba(240, 240, 240, .9);
color: #111;
}

.mc-main .mc-single {
text-align: right;
font-size: 1.4em;
font-weight: 700;
}

/* Header */
.mc-main .my-calendar-header {
position: relative;
height: 5em;
z-index: 1;
width: 100%;
}

.mc-main .my-calendar-header:after {
content: '';
display: table;
clear: both;
}

/* Navigation */
.my-calendar-nav {
position: absolute;
top: .5em;
right: 0;
}

.my-calendar-nav ul, .mc-main .category-key ul, .mc-main .mc-export ul, .mc-main .mc-list {
margin: 0 !important;
padding: 0 !important;
}

.my-calendar-nav ul li, .mc-main .category-key ul li, .mc-main .mc-export ul li {
display: inline-block;
list-style-type: none;
margin: 0 0 .3em;
}

.my-calendar-nav li a {
padding: .3em;
}

.my-calendar-nav .my-calendar-prev a:before {
content: '\25C0 ';
}

.my-calendar-nav .my-calendar-next a:after {
content: ' \25b6';
}

/* Time frame */
.mc-time {
position: absolute;
bottom: .75em;
font-size: 1.2em;
}

.mc-time a {
margin-right: 1px;
padding: .5em;
}

/* Category Key */
.mc-main .category-key h3 {
font-weight: 700;
font-size: 1.4em;
}

.mc-main .category-key {
margin: .5em 0;
}

.mc-main .category-key a {
padding: .3em;
}

.mc-main .no-icon {
display: inline-block;
width: 1.25em;
margin-right: .25em;
border-radius: 12px;
}

.mc-main .category-color-sample img {
padding: 2px;
vertical-align: middle;
border-radius: 3px;
margin-right: .25em;
}

/* hCard */
.mc-main .vcard {
line-height: 1.5;
margin: 0 0 1.5em 1.5em;
float: right;
padding: 2em;
max-width: 50%;
}

.mc-main .vcard .street-address {
display: inline;
}

.mc-main .vcard .street-address:nth-of-type(2):before {
content: ', ';
}

/* Jumpbox */
.mc-main .my-calendar-date-switcher label {
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
position: absolute;
max-height: 1px;
}

.mc-main .my-calendar-date-switcher {
position: absolute;
bottom: .5em;
right: 0;
}

.mc-main .my-calendar-date-switcher select {
padding: 0;
width: auto;
margin: 0;
}

.mc-main .my-calendar-date-switcher input[type=submit] {
min-width: 4em;
}

/* Format, Print */
.mc-main .mc-format, .mc-main .mc-print, .mc-main .mc-format a, .mc-main .mc-print a {
display: inline-block;
}

.mc-main .mc-format a, .mc-main .mc-print a, .mc-main .mc-export a {
margin-right: 4px;
padding: .3em;
}

/* List View */
.mc-main .mc-list {
margin-bottom: 1em;
}

.mc-list .current-day .event-date:before {
content: "\21D2";
color: red;
padding: 0 .5em .5em 0;
}

.mc-main .mc-list .mc-events {
list-style-type: none !important;
padding: .75em;
background: rgba(0, 0, 0, .1);
margin: 0;
}

.mc-main .mc-list .mc-events.odd {
list-style-type: none !important;
padding: .75em;
background: none;
}

.mc-main.list .my-calendar-month {
font-size: 1.4em;
background: rgba(0, 0, 0, .8);
color: #fff;
padding: .25em;
text-align: right;
}

.mc-main .list-event {
background: rgba(255, 255, 255, .9);
padding: 1em 2em;
margin: .5em -.5em -.5em -.5em;
}

.mc-main .list-event .event-title {
padding: .25em;
margin-bottom: .5em;
}

.mc-main .mc-list .event-date {
font-size: 1.1em;
font-weight: 600;
}

.mc-main .list-event .details img {
width: auto;
max-width: 100%;
}

.mc-main .list-event .event-title img {
margin-right: .5em;
position: relative;
top: -1px;
}

/* Out of current month */
.mc-main .nextmonth .event-title {
opacity: .7;
}

/* Single view */
.single-event .event-title {
padding: .5em;
font-size: 1.4em;
}

.single-event .event-title img {
margin-right: .5em;
}

/* Mini */
.mc-main.mini table {
margin-bottom: 1.5em;
}

.mc-main.mini tr td {
height: auto;
}

.mc-main.mini .has-events, .mc-main.mini .has-events .mc-date {
background: #fff;
font-weight: 700;
}

.mc-main.mini .vcard {
line-height: 1.5;
margin: 0 0 1.5em;
float: none;
padding: 1em;
max-width: 100%;
}

.mc-main.mini .my-calendar-nav, .mc-main.mini .mc-time, .mc-main.mini .my-calendar-date-switcher {
position: static !important;
width: 100% !important;
margin: .5em 0 !important;
}

.mc-main.mini .my-calendar-nav li a {
padding: .2em .5em !important;
font-family: sans-serif;
}

.mc-main.mini .event-title {
padding: .5em;
}

/* Responsive */
Media (max-width: 460px) {
.my-calendar-nav, .mc-time, .my-calendar-date-switcher {
position: static !important;
width: 100% !important;
margin: .5em 0 !important;
}

.my-calendar-header {
height: auto !important;
}

.mc-print, .mc-format {
position }[COLOR=#333333]

Alles anzeigen

[/COLOR]

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Shortcode - Fabre und Schriftart anpassen

Jetzt mitmachen!