Highlighted

Responsive Layout "Show results that include all search words" Text Colour

Explorer ,
Dec 14, 2015

Copy link to clipboard

Copied

I am using RoboHelp 2015 Version 12.02.384.

I have created a Responsive HTML5 Screen Layout based on the Adobe supplied Charcoal Grey layout and adjusted the colours to match my company's branding.

The "Use AND search option" is enabled and displays the text "Show results that include all search words"  on the Search Tab and Function Bar. But the text is displayed in grey on the Search tab and is virtually unreadable.

How do I change the colour of the "Show results that include all search words"  string on the Search Tab?

Changing the messages colour didn't work so I edited layout.css and changed the color value in the following section. That fixed it. Thanks for your help.

body.media-desktop div.searchresults.search-sidebar label.wSearchAndLabelResults {

                                                                                  display:block;

                                                                                  margin-bottom:.75em;

                                                                                  padding-top:.75em;

                                                                                  padding-bottom:.75em;

                                                                                  padding-left:1.75em;

                                                                                  color:#000000;

}

Topics

HTML5 layout

Views

384

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

Responsive Layout "Show results that include all search words" Text Colour

Explorer ,
Dec 14, 2015

Copy link to clipboard

Copied

I am using RoboHelp 2015 Version 12.02.384.

I have created a Responsive HTML5 Screen Layout based on the Adobe supplied Charcoal Grey layout and adjusted the colours to match my company's branding.

The "Use AND search option" is enabled and displays the text "Show results that include all search words"  on the Search Tab and Function Bar. But the text is displayed in grey on the Search tab and is virtually unreadable.

How do I change the colour of the "Show results that include all search words"  string on the Search Tab?

Changing the messages colour didn't work so I edited layout.css and changed the color value in the following section. That fixed it. Thanks for your help.

body.media-desktop div.searchresults.search-sidebar label.wSearchAndLabelResults {

                                                                                  display:block;

                                                                                  margin-bottom:.75em;

                                                                                  padding-top:.75em;

                                                                                  padding-bottom:.75em;

                                                                                  padding-left:1.75em;

                                                                                  color:#000000;

}

Topics

HTML5 layout

Views

385

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 ,
Dec 15, 2015

Copy link to clipboard

Copied

I believe that if you change the messages color, you will also update the AND search text.

If that doesn't work, you can add the following to the CSS:

label.wSearchAndLabelResults {text-color: black !important;}

That should fix it as well.

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...
Explorer ,
Dec 16, 2015

Copy link to clipboard

Copied

Changing the messages colour didn't work so I edited layout.css and changed the color value in the following section. That fixed it. Thanks for your help.

body.media-desktop div.searchresults.search-sidebar label.wSearchAndLabelResults {

                                                                                  display:block;

                                                                                  margin-bottom:.75em;

                                                                                  padding-top:.75em;

                                                                                  padding-bottom:.75em;

                                                                                  padding-left:1.75em;

                                                                                  color:#000000;

}

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...