Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 27, 2014 at 10:54 am #270434
    pirasrimini

    Hi !

    I need to create an element TAB with the following characteristics: each tab must have a different background.

    I’m talking about the content of the tab, the menu is not important

    It might be enough just a different color, if I can not use the images as background.

    I tried to do it with css but I can not figure out how to assign an ID to each TAB.

    How can I do? (is that possible?)

    May 27, 2014 at 11:34 am #270462
    Flikk

    They allready get an ID.

    So you can use:

    #tab-id-1-container {
    background-color: #CCCCCC;
}

    the next tab container then hast the ID “tab-id-2-container”

    If you want it only on one page, then you have to add the page id:

    #page-id-869 #tab-id-1-container {
    background-color: #CCCCCC;
}

    You can get the page ID when editing the page and click the button “get shortlink”. the number at the end of the link is the ID.

    For more background options such as background-image see: http://www.w3schools.com/cssref/css3_pr_background.asp

    May 27, 2014 at 12:09 pm #270476
    pirasrimini

    Thanks, very quick response !

    I’ll try I’ll try and let you know the result

    cheers!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Different Background image or color for each tabs’ is closed to new replies.