ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Flexform
• July 24, 2014 at 1:44 am #94233
  aaustin69

  Member

  Post count: 115

  Hi, I am using the following custom css to change the background of the navigation search circle to a light grey:

  #nav-search, #mini-search{
  background-color: #cccccc !important;
  }

  Until recently it was working, but something happened where the search circle is now the color of my theme, and is not being overwritten by the code above. The custom css code is still there, so I have no idea what happened.

  Any help would be appreciated, as I would like to get the color back to the light grey it was.

  Thanks, Alan

  July 24, 2014 at 3:30 am #94237
  aaustin69

  Member

  Post count: 115

  Ok very strange. After saving the custom css several times (no changes, just re-saving), it now went back to the light grey color. So I guess I am good, although I have no idea why all of this happened.

  July 24, 2014 at 10:50 am #94379
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  It’s seems to be ok. If you notice any problem just let us know.

  – Rui

  July 24, 2014 at 4:39 pm #94504
  aaustin69

  Member

  Post count: 115

  Ok, so this is strange. I just started having another similar issue with the color of the lower border line on the header. I have been using the custom CSS below to make the lower border color a very light grey, but the color started showing blue (which I am guessing is from my theme color).

  #header-section, #mini-header {
  border-bottom-color: #e5e5e5;
  }

  I was able to resolve the issue by moving the custom css code into a different position. In other words, when I moved custom css below some other custom css, or even above certain css code, the issue was fixed. But for some reason it no longer works in the position it was in (which was right above some Nav search button custom css).

  I have never had an issue with custom css only working based on the position it is in. Is this something new?

  Alan

  July 24, 2014 at 4:41 pm #94505
  aaustin69

  Member

  Post count: 115

  And I just realized that by moving the custom css, this fixed the lower border line issue but put the navigation circle back to blue again.

  I am going to have to play around with the positions of different css code. Never had to do this before.

  Alan

  July 25, 2014 at 1:54 pm #94735
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  The positioning of your css only works/doesn’t work if you have the same css twice, or something that applies CSS to something more than once, the lower one will be used.

  – Kyle

• Back to forum

  Posted in: Flexform