Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • December 19, 2013 at 11:53 pm #202305
    kecster2

    http://j2k.info/american/

    I have a tab in one of my sections.. how can i make the background transparent on active and unactive tabs…

    secondly, i want to center my tab headings…

    thank you

    December 20, 2013 at 1:17 am #202327
    kecster2

    but i want to only apply those changes to the home page tabs.. not the other i use throughout the site

    December 20, 2013 at 3:02 am #202382
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .home .tabcontainer h3 { text-align: center; }
.home .tabcontainer .active_tab_content, .home .tabcontainer .active_tab { background-color: transparent; }

    Best regards,
    Yigit

    December 20, 2013 at 3:12 am #202384
    kecster2

    it didnt work.. the tabs are not aligned and color is not transparent… what went wrong

    December 20, 2013 at 3:14 am #202386
    Yigit

    Hey!

    Please try flushing your browsers cache and refresh your page a few times. Heading seems to be centered on my end. And you can try adding !important to second code to force it as following

    .home .tabcontainer .active_tab_content, .home .tabcontainer .active_tab { background-color: transparent!important; }

    Cheers!
    Yigit

    December 20, 2013 at 3:23 am #202389
    kecster2

    im sorry, the headers are centered, but its actual placement of the tabs that i wanted centered, right now they are left aligned on the box holding the content

    December 20, 2013 at 3:28 am #202393
    Yigit

    Hi!

    You mean like this http://i.imgur.com/GMPhPgY.jpg ? If so, please add following code instead of the first code i have posted and adjust as needed

    .tab_titles { margin-left: 25%; }

    Best regards,
    Yigit

    December 20, 2013 at 3:53 am #202404
    kecster2

    thank you.. last thing on this topic…

    is there a mouseover option i can use… to make this happen.. http://j2k.info/this.png

    December 20, 2013 at 4:01 am #202407
    kecster2

    to the tab titles surrounded in boxes

    December 20, 2013 at 4:49 am #202425
    Ismael

    Hey!

    You can do this for the active tab.

    div .main_color .tabcontainer .active_tab {
background-color: blue;
border: 3px solid black;
border-radius: 5px;
margin-right: 10px;
margin-bottom: 10px;
color: white;
}

    Add this for the inactive tabs:

    .main_color .tabcontainer .tab {
background-color: white;
border: 3px solid gray;
border-radius: 5px;
margin-right: 10px;
margin-bottom: 10px;
color: gray;
}

    Change the background and color values. Adjust the left margin of the titles:

    .home .tab_titles {
margin-left: 20%;
}

    Cheers!
    Ismael

    December 20, 2013 at 6:48 am #202454
    kecster2

    its done.. but the active tab color is off

    December 20, 2013 at 6:52 am #202456
    kecster2

    k. so i fixed the active tab.. i just need the content container to stay transparent

    December 20, 2013 at 6:54 am #202457
    kecster2

    i fixed it.. thank you

    December 20, 2013 at 6:58 am #202459
    kecster2

    thank you

    • This reply was modified 11 years, 4 months ago by kecster2.
    December 20, 2013 at 7:06 am #202462
    kecster2

    last question.. to change the grey on hover color of text to red.. how can i do that please

    December 20, 2013 at 5:25 pm #202624
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    #top .main_color .tabcontainer .tab:hover {
color: red;
}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘tabs help’ is closed to new replies.