Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Need to change color near Search bar and on Content/Index tabs

Participant ,
Mar 18, 2014 Mar 18, 2014

Hi,

I've edited the mobile.css file for iPhone layout. There is a blue color near the Search bar and on Contents and Index links that I'd like to change. Where in thh mobile.css file can I change this? Examples are below. In the first example, I want to change the color that appears around the Search bar. I searched for background code in mobile.css, but no changes I made seemed to affect this. I also want to change the blue color for the Contents and Index links.

iPhone_tabs.png Contenttab.png

370
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Mar 19, 2014 Mar 19, 2014
LATEST

Update. I figured out how to change the blue or gray for Contents and Index links to white. I found default RGB colors in background code and changed for li.homepagelink {, div.wTOCNodeCloseBook {/* Closed book */  , div.wTOCNodeOpenBook {/* Open book */ and  div.wTOCNodePage {/* TOC page */.

I also changed the following:

ul.wTabGroup from rgb(226,233,237) 13%, rgb(246,248,250) 100%);

table.searchholdertable

div.wIdxKeyword

I basically searched for Hex code colors in the mobile.css file's default Colour Scheme. If I still couldn't find the colors I wanted to change, I then searched for "background" or "rgb". I experimented with those colors to make my changes. The following Hex color code converter link was very helpful to me when trying too figure out which colors I needed to change:

http://www.colorhexa.com/

I also used this link to convert rgb to hex

http://www.javascripter.net/faq/rgbtohex.htm


Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp