black82

hello

go to kalender options.

the last is “Stylesheet” search for this entrys an change the width into 14.25%

.normal-day-heading {
text-align:center;
width:14.25%;
height:2em;
font-size:0.8em;
border:1px solid #DFE6DE;
background-color:#EBF2EA;
}
.weekend-heading {
text-align:center;
width:14.25%;
height:2em;
font-size:0.8em;
border:1px solid #DFE6DE;
background-color:#EBF2EA;
color:#FF0000;
}
.day-with-date {
vertical-align:text-top;
text-align:left;
width:14.25%;
height:6em;
line-height:1.3em;
border:1px solid #DFE6DE;
}
.no-events {

}
.day-without-date {
width:14.25%;
height:6em;
line-height:1.3em;
border:1px solid #E9F0E8;
}
span.weekend {
color:#FF0000;
}
.current-day {
vertical-align:text-top;
text-align:left;
width:14.25%;
height:6em;
line-height:1.3em;
border:1px solid #BFBFBF;
background-color:#E4EBE3;

now it is responsive on mobile phone.

this code will be center the body, my first line is headupline and this is not center.

.tablepress-id- how can i take id 1 till 7 in one code

hello

i tryed this custom css of you, but it doesn’t work

Why you can not select cell alignment when creating the table. this would be better then always change the costum css.

how can i change the background colour of one cell?

hello this site is offline at this time because it is not finished yet.

hello

we have an sportsteam with seperate sports. (tabletennis, volleyball etc)
can you make a field whitch i can input this selection? The name can be “category”

Name Date (Category) Email Image Action

then every sports group can see only this birthdays of his team

This group must be place in the shortcode. Category=”tabletennis” or “volleyball”

it would be very nice if you can update this plugin. it is very simple an great.

I used the option “Disabled birthday field for WordPress Users” because the register formular of my site are the “Simple WordPress Membership”

best regards

Hello

This is the code from the Options
You must change following codes that are Strong

.calnk a:hover {
background-position:0 0;
text-decoration:none;
color:#000000;
border-bottom:1px dotted #000000;
}
.calnk a:visited {
text-decoration:none;
color:#000000;
border-bottom:1px dotted #000000;
}
.calnk a {
text-decoration:none;
color:#000000;
border-bottom:1px dotted #000000;
}
.calnk a span {
display:none;
}
.calnk a:hover span {
color:#000000;
background:#F6F79B;
display:block;
position:absolute;
margin-top:1px;
padding:5px;
width:150px;
z-index:100;
line-height:1.2em;
}
.calendar-table {
border:0 !important;
width:100% !important;
height:2em;
border-collapse:separate !important;
border-spacing:2px !important;
}
.calendar-heading {
height:2em;
text-align:center;
background-color:#E4EBE3;
}
.calendar-next {
width:20%;
text-align:center;
border:none;
}
.calendar-prev {
width:20%;
text-align:center;
border:none;
}
.calendar-month {
width:60%;
text-align:center;
font-weight:bold;
border:none;
}
.normal-day-heading {
text-align:center;
width:14.25%;
height:2em;
font-size:0.8em;
border:1px solid #DFE6DE;
background-color:#EBF2EA;
}
.weekend-heading {
text-align:center;
width:14.25%;
height:2em;
font-size:0.8em;
border:1px solid #DFE6DE;
background-color:#EBF2EA;
color:#FF0000;
}
.day-with-date {
vertical-align:text-top;
text-align:left;
width:14.25%;
height:6em;
line-height:1.3em;
border:1px solid #DFE6DE;
}
.no-events {

}
.day-without-date {
width:14.25%;
height:6em;
line-height:1.3em;
border:1px solid #E9F0E8;
}
span.weekend {
color:#FF0000;
}
.current-day {
vertical-align:text-top;
text-align:left;
width:14.25%;
height:6em;
line-height:1.3em;
border:1px solid #BFBFBF;
background-color:#E4EBE3;
}
span.event {
font-size:0.75em;
}
.kjo-link {
font-size:0.75em;
line-height:1.3em;
text-align:center;
}
.calendar-date-switcher {
height:2em;
text-align:center;
border:1px solid #D6DED5;
background-color:#E4EBE3;
}
.calendar-date-switcher form {
margin:2px;
}
.calendar-date-switcher input {
border:1px #D6DED5 solid;
margin:0;
}
.calendar-date-switcher input[type=submit] {
padding:3px 10px;
}
.calendar-date-switcher select {
border:1px #D6DED5 solid;
margin:0;
}
.calnk a:hover span span.event-title {
padding:0;
text-align:center;
font-weight:bold;
font-size:1.2em;
margin-left:0px;
}
.calnk a:hover span span.event-title-break {
width:96%;
text-align:center;
height:1px;
margin-top:5px;
margin-right:2%;
padding:0;
background-color:#000000;
margin-left:0px;
}
.calnk a:hover span span.event-content-break {
width:96%;
text-align:center;
height:1px;
margin-top:5px;
margin-right:2%;
padding:0;
background-color:#000000;
margin-left:0px;
}
.page-upcoming-events {
font-size:100%;
}
.page-todays-events {
font-size:100%;
}
.calendar-table table,tbody,tr,td {
margin:0 !important;
padding:0 !important;
}
table.calendar-table {
margin-bottom:0px !important;
}
.cat-key {
width:100%;
margin-top:30px;
padding:5px;
border:0 !important;
}
.cal-separate {
border:0 !important;
margin-top:10px;
}
table.cat-key {
margin-top:5px !important;
border:1px solid #DFE6DE !important;
border-collapse:separate !important;
border-spacing:4px !important;
margin-left:2px !important;
width:99.5% !important;
margin-bottom:5px !important;
}
.minical-day {
background-color:#F6F79B;
}

MfG Black

Hello

thank you for the answer.

I had one more pleasure. at the upcoming option there is an “Error”

https://i.imagebanana.com/img/l4aq0wx2/Birthday.png

You only print the day and year from the birthday, why not the month

How can i visible the month for this upcoming list

in the list option are the same problem

Better looks like this dd-mm-YYY

Day and Month from the Birthday and the current year

ok it works sry.

But to the shortcode one question

[birthdays class=”your_class” img_width=”desired_width” template=”default | list | calendar | upcoming”]

this shortcode stand in the options. when i insert this. i see the todays birthday, but no byithday comming soon

Hello

I am german. and i had use a translation program to post the text.

I used both [cfdb-table] and [cfdb-datatable]. The tables are no responsive.
when i look my site at mobile phone, the tables are cute.

I make two pictures to show you my problem.

PC Screenshot

Mobil Screenshot

give it a way to make the table on small screens smaller?

i hope you can follow me.

my english is not so good

• This reply was modified 8 years, 2 months ago by black82.
• This reply was modified 8 years, 2 months ago by black82.