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: Dante
• August 31, 2015 at 2:14 pm #208873
  jdeaguiar

  Member

  Post count: 14

  Hi, I would like to have a different background title color for each toggle (the tab not the content), I understand in this case every Extra Class is just to edit the content, but not the title. Can you help me with this?

  Thank you so much for your help,

  J

  August 31, 2015 at 3:41 pm #208887
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .toggle-wrap .spb_toggle:nth-child(1){
  background:#ff0000 !important;
  }
  .toggle-wrap .spb_toggle:nth-child(2){
  background:#fff000 !important;
  }
  .toggle-wrap .spb_toggle:nth-child(3){
  background:#ccc !important;
  }
  .toggle-wrap .spb_toggle:nth-child(4){
  background:#eee !important;
  }

  Thanks
  Mohammad

  August 31, 2015 at 6:48 pm #208926
  jdeaguiar

  Member

  Post count: 14

  Thank you Mohammad for your reply. I copied the code to my Editor in my child theme and its working for all the tabs, not each one with defferent colors. Could you please help me with that? thank you so much, J

  September 1, 2015 at 9:29 am #209041
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  section.row:nth-child(2) > div:nth-child(1) > div:nth-child(1){
  background:#00AFEA !important;
  color:#ffffff !important;
  }
  section.row:nth-child(3) > div:nth-child(1) > div:nth-child(1){
  background:#ff0099 !important;
  }
  section.row:nth-child(4) > div:nth-child(1) > div:nth-child(1){
  background:#ccc !important;
  }
  section.row:nth-child(5) > div:nth-child(1) > div:nth-child(1){
  background:#eee !important;
  }

  Thanks
  Mohammad

  September 1, 2015 at 4:14 pm #209306
  jdeaguiar

  Member

  Post count: 14

  Thank you but is not working, can you help me with this? because the client wants to have every tab of the toggle in a different color,using 4 different colors in one page and 4 different colors in a second page (which are not the same used in the first page). Is this possible? thank u again,

  J

  September 2, 2015 at 9:06 am #209530
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Unfortunately it’s not possible as there is no way to target the individual toggle headings through css. The extra class is added to the toggle content div, I’ll forward this to the developer to see if we can change it to the toggle-wrap div

  – Kyle

  September 2, 2015 at 12:02 pm #209653
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Changed that for the next update.

  Thanks,

  – Ed

  September 2, 2015 at 2:15 pm #209732
  jdeaguiar

  Member

  Post count: 14

  Thank you for the answer, is there any possibility of having that change soon, cause i need it for a client with your theme. Thank you so much again.

  September 2, 2015 at 3:26 pm #209806
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  This reply has been marked as private.
  September 4, 2015 at 8:29 pm #210534
  jdeaguiar

  Member

  Post count: 14

  Thank u! you are awesome!!!
  J

  September 4, 2015 at 8:49 pm #210538
  jdeaguiar

  Member

  Post count: 14

  I just wanna ask you a probably stupid question, but just to make sure…all I have to do is upload that zipfile on the theme section? Im using a child theme so I know I wont lose any design change, but how about the web content?

  Thank u,

  J

  September 5, 2015 at 1:32 am #210554
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Content will remain (stored in the database) – just swap out the main parent theme with the build in that zip.

  – Ed

• Back to forum

  Posted in: Dante