#431 – Article creation on adsclarity frontend

Hi,
When I Create articles on frontend, at publish tab nothing on the <SELECT> is readable (the same for other tabs)

Thanks!

Hello,

I will forward that ticket to the web designer.

Best regards.

Hello,

We are going to fix it on the next version of Adsclarity, thanks for reporting it,
Here is the CSS to add in your template's file :

.btn-toolbar {
    margin-bottom: 20px;
}

.chzn-container,
.form-group .chzn-container-single .chzn-single{
width: 100%;
}

.input-append {
    position: relative;
}

.input-append button {
    position: absolute;
    right: 0;
    top: 0;
    height: 35px;
    width: 35px;
    padding: 0 !important;
    text-align: center;
    color: #555;
}

.input-append button:after {
    content: "?";
    padding: 0 !important;
    line-height: 30px;
    display: block;
    background: url(chosen-sprite.png) no-repeat 0px 2px;
    width: 100%;
    height: 35px;
}

Best regards.

it doesn't work.

Login on frontend as an author. Go on article menu and create a new article. You will have a page with 4 tabs: content, publish, language, metadata.
Look on publish and language tab and all <select> will be unreadable.

Look at attachment

Hello,

I will test that, I come back to you today.

Best regards.

Hello,

You were right, the fix the web designer gave me doesn't fix that issue.

I asked again.
Sorry for the delay.

Best regards.

Hello,
a "!important" was missing on the main css line,
here is the concerned part of css :

.chzn-container,
.form-group .chzn-container-single .chzn-single{
width: 100% !important;
}

You can also add this code for calendars input, on the same tabs

.input-append input {
width: calc(100% - 32px);
height: 35px !important;
}