Search by date for ancient documents

Trevor

#185175

Did you try changing WordPress to Russian?

For the CSS, I think it will be easier of you make annotated screenshots and give me a link to where there are stored online (you cannot upload them here), with notes pointing to what needs to change?

Anonymous

#185188

> Did you try changing WordPress to Russian?

I switched to Russian – now everything is OK!

> For the CSS, I think it will be easier of you make annotated screenshots and give me a link to where there are stored online (you cannot upload them here), with notes pointing to what needs to change?

Okay, I’ll do that and send you the link. Thank you and have a nice weekend!

Anonymous

#185439

This reply has been marked as private.

Trevor

#185486

I think this is the code you need for 100% width:

.searchandfilter > ul > li label > input.sf-input-text,
.searchandfilter > ul > li label > input.sf-datepicker,
.searchandfilter > ul > li label {
  width: 100%;
}

I will look now at the other bits.

Trevor

#185492

This is the code for the datepicker:

.ll-skin-melon.searchandfilter-date-picker .ui-datepicker td {
  background: #fff;
}
.ll-skin-melon.searchandfilter-date-picker .ui-state-disabled .ui-state-default {
    color: #ccc;
}
.ll-skin-melon.searchandfilter-date-picker td .ui-state-default {
  color: #963;
}
.ll-skin-melon.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title,
.ll-skin-melon.searchandfilter-date-picker .ui-datepicker th span{
  color: #fff;
}
.ll-skin-melon.searchandfilter-date-picker .ui-datepicker th {
  border-color: #fff;
}
.ll-skin-melon.searchandfilter-date-picker .ui-widget {
  background: #963;
}

You did not say what border color you need, so I set it to white (#fff).

Anonymous

#185643

Hello, Trevor! Thanks, the code for the datepicker did everything as I need. But how to change styles in the “search by keyword” (Поиск по ключевому слову) and “date” (Дата) fields? Can’t find the right classes…

Trevor

#185651

Are you trying to change the styling of the placeholder text?

Anonymous

#185727

I’m trying to change the styling of the placeholder text, border and size of fields. But can’t find the right classes.

Trevor

#185759

I have modified the code I gave you before (added a line):

.searchandfilter > ul > li label > input.sf-input-text,
.searchandfilter > ul > li label > select.sf-input-select,
.searchandfilter > ul > li label > input.sf-datepicker,
.searchandfilter > ul > li label {
  width: 100%;
}

Now all but the button should be 100% wide. Is this what you wanted?

The borders (you can set text color here also, as I show):

.searchandfilter > ul > li label > input.sf-input-text,
.searchandfilter > ul > li label > select.sf-input-select,
.searchandfilter > ul > li label > input.sf-datepicker {
  border: 1px solid #963;
  color: #963;
}

The placeholder color might be this (quite a few are for older browers):

.searchandfilter > ul > li label > input.sf-input-text::-webkit-input-placeholder,
.searchandfilter > ul > li label > select.sf-input-select::-webkit-input-placeholder,
.searchandfilter > ul > li label > input.sf-datepicker::-webkit-input-placeholder,
.searchandfilter > ul > li label > input.sf-input-text::-moz-placeholder,
.searchandfilter > ul > li label > select.sf-input-select::-moz-placeholder,
.searchandfilter > ul > li label > input.sf-datepicker::-moz-placeholder,
.searchandfilter > ul > li label > input.sf-input-text:-ms-input-placeholder,
.searchandfilter > ul > li label > select.sf-input-select:-ms-input-placeholder,
.searchandfilter > ul > li label > input.sf-datepicker:-ms-input-placeholder,
.searchandfilter > ul > li label > input.sf-input-text:-moz-placeholder,
.searchandfilter > ul > li label > select.sf-input-select:-moz-placeholder,
.searchandfilter > ul > li label > input.sf-datepicker:-moz-placeholder,
.searchandfilter > ul > li label > input.sf-input-text:placeholder,
.searchandfilter > ul > li label > select.sf-input-select:placeholder,
.searchandfilter > ul > li label > input.sf-datepicker:placeholder, {
  color: #963;
}

Anonymous

#185797

This reply has been marked as private.

[Author]

Posts