Skip to main content
Inspiring
March 18, 2014
Question

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

  • March 18, 2014
  • 1 reply
  • 360 views

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.

This topic has been closed for replies.

1 reply

dmagnum74Author
Inspiring
March 19, 2014

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