change the colour of the tab

Comments

• Air

  January 2014 Posts: 10,970

  Hello and thanks for kind opinion:-)
  
  Could you show live example(link), cause I want to make sure we are talking about same tabs.
  
  With regards.
• chowanjung

  January 2014 Posts: 8

  Hi, I did my wordpress on localhost.
  
  I just checked the name of the side tab, it is called "tour section"
  as seen in the picture.
  
  How do I change the white background to green and black words to white?
  
  Thank you for responding so fast. Really appreciate it.
  
  

  

  

  Screen shot 2014-01-04 at PM 02.32.38.png

  557 x 405 - 111K
• Air

  January 2014 Posts: 10,970

  Hello
  
  You can use such custom CSS

  
  .wpb_tour .wpb_tour_tabs_wrapper ul.wpb_tabs_nav li a {
      background-color: #17FF00;
      color: #FFFFFF;
  }

  With regards.
• chowanjung

  January 2014 Posts: 8

  Hi,
  Sorry I'm a beginner, how and where do I copy and paste this at?
  Is it what is shown in the picture? cos I did that and it doesn't seem to work.
• chowanjung

  January 2014 Posts: 8

  Thank you for your help!

  

  

  Screen shot 2014-01-05 at PM 04.27.25.png

  1225 x 606 - 96K
• chowanjung

  January 2014 Posts: 8

  Is it possible to provide step by step instructions? Thank You
• Air

  January 2014 Posts: 10,970

  Hello
  
  Custom CSS you add as explained here http://apollo13.eu/docs/superior/#!/modification_of_theme_custom_css
  
  With regards.
• chowanjung

  January 2014 Posts: 8

  Hi, I have to change CSS of all these?
  1. main theme style.css
  2. child theme style.css
  3. user.css(settings form admin panel)
  4. Custom css from panel(it is added at end of user.css)
  
  I didnt use child theme css.
  but I edited the style.css under "editor" as seen in picture and Custom css from Superior theme->Custom CSS.
  
  Are the steps correct? I dont really understand the document you sent me.
  
  Sorry for the trouble and once again, Thank you
  

  

  

  Screen shot 2014-01-05 at PM 05.28.21.png

  1223 x 605 - 136K

  

  

  Screen shot 2014-01-05 at PM 05.23.12.png

  1177 x 549 - 74K
• Air

  January 2014 Posts: 10,970

  No, you just have to understand what you read :-)

  documentation said: For changes in css you can also use special area in theme Superior theme->Custom CSS. There you can insert your custom css.

  Paste there(in text area) CSS I gave you.
  
  With regards.
  
• chowanjung

  January 2014 Posts: 8

  Hi,
  
  yes. I tried that but it doesn't seem to work.
  
  Please advice. Thank you.
  
  

  

  

  Screen shot 2014-01-05 at PM 05.40.47.png

  1211 x 544 - 63K
• Air

  January 2014 Posts: 10,970

  Advice : It is Sunday - take a break:-)
  
  Maybe you are not using "tour section" or have some cache. Try hard refresh of page where you want to see changes : Ctrl+f5. If it won't help then I can't help you any more till you are on localhost.
  
  With regards.
• chowanjung

  January 2014 Posts: 8

  Hey,
  Now it works!
  Thank you so much!
  
  Happy Sunday!:))