Copy link to clipboard
Copied
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.

Copy link to clipboard
Copied
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:
I also used this link to convert rgb to hex
http://www.javascripter.net/faq/rgbtohex.htm
Get ready! An upgraded Adobe Community experience is coming in January.
Learn more