Highlighted

How to change background colour of "Filter Keywords" box in HTML5 Index

Participant ,
Oct 30, 2016

Copy link to clipboard

Copied

Sorry, but can't find an answer to this.

How do I change the background colour of the "Filter Keywords" text box in the Index for desktop-view when using HTML5? It's always black.

...and I mean instead of manually modifying the main.css file from the template folder.

Filter-Box.gif

Topics

HTML5 layout

Views

213

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

How to change background colour of "Filter Keywords" box in HTML5 Index

Participant ,
Oct 30, 2016

Copy link to clipboard

Copied

Sorry, but can't find an answer to this.

How do I change the background colour of the "Filter Keywords" text box in the Index for desktop-view when using HTML5? It's always black.

...and I mean instead of manually modifying the main.css file from the template folder.

Filter-Box.gif

Topics

HTML5 layout

Views

214

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
LEGEND ,
Oct 30, 2016

Copy link to clipboard

Copied

It seems this specific property was left out. You can set it under mobile though, but that doesn't affect the desktop.

So changing the CSS is your best (only) option... Check for:

@media screen and (min-width: 81em) {

input.wIdxFilter {

in the CSS file.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Participant ,
Oct 31, 2016

Copy link to clipboard

Copied

Thanks.

I ended up adding the following to the main.css in my template folder:

input#idxFilterBox {

                    background-color:#fff !important;

                    color:#000 !important;

}

input#gloFilterBox {

                    background-color:#fff !important;

                    color:#000 !important;

}

Dear ol' Robohelp - the world's biggest collection of oversights.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...