Support Forum - Topic: how to add an image into the 'tabbed content' header area instead of the text/

Support Forum - Topic: how to add an image into the 'tabbed content' header area instead of the text/ http://www.kriesi.at/support/topic/how-to-add-an-image-into-the-tabbed-content-header-area-instead-of-the-text Support Forum - Topic: how to add an image into the 'tabbed content' header area instead of the text/ en-US Fri, 24 May 2013 23:26:56 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Ismael on "how to add an image into the 'tabbed content' header area instead of the text/" http://www.kriesi.at/support/topic/how-to-add-an-image-into-the-tabbed-content-header-area-instead-of-the-text#post-97200 Mon, 18 Feb 2013 09:22:22 +0000 Ismael 97200@http://www.kriesi.at/support/ Hi graubenjamin, Glad that this is resolved. :) Cheers, Ismael graubenjamin on "how to add an image into the 'tabbed content' header area instead of the text/" http://www.kriesi.at/support/topic/how-to-add-an-image-into-the-tabbed-content-header-area-instead-of-the-text#post-97184 Mon, 18 Feb 2013 07:58:13 +0000 graubenjamin 97184@http://www.kriesi.at/support/ ... excellent, works perfect now: .new_tab .tab:first-child + .tab { background: red; } .new_tab .tab:first-child + .tab + .tab { background: yellow; } thanks again! Dude on "how to add an image into the 'tabbed content' header area instead of the text/" http://www.kriesi.at/support/topic/how-to-add-an-image-into-the-tabbed-content-header-area-instead-of-the-text#post-97167 Mon, 18 Feb 2013 06:54:13 +0000 Dude 97167@http://www.kriesi.at/support/ Hi! Unfortunately IE7/8 does not support :nth-of-type because it's css3 code. However maybe this article. <a href="http://www.thebrightlines.com/2010/01/04/alternative-for-nth-of-type-and-nth-child/" rel="nofollow">http://www.thebrightlines.com/2010/01/04/alternative-for-nth-of-type-and-nth-child/</a> will help you. Best regards, Peter graubenjamin on "how to add an image into the 'tabbed content' header area instead of the text/" http://www.kriesi.at/support/topic/how-to-add-an-image-into-the-tabbed-content-header-area-instead-of-the-text#post-97107 Sun, 17 Feb 2013 08:35:35 +0000 graubenjamin 97107@http://www.kriesi.at/support/ it works fine, thank you very much! i used now the following css for the three tabs I have: .new_tab .tab:first-child { background-color: blue; } .new_tab .tab:nth-of-type(2) { background: red; } .new_tab .tab:nth-of-type(3) { background: yellow; } ...only in IE 8 the second and third tab are broken. is there some trick for that? Ismael on "how to add an image into the 'tabbed content' header area instead of the text/" http://www.kriesi.at/support/topic/how-to-add-an-image-into-the-tabbed-content-header-area-instead-of-the-text#post-96703 Thu, 14 Feb 2013 08:46:23 +0000 Ismael 96703@http://www.kriesi.at/support/ Hi, You can use css to insert background image. First on the editor try to insert the tabbed content shortcode on a div with a unique class. Something like this <pre><code><div class="new_tab"> [tab_container initial_open="1"] [tab title="Title 1 "]Title 1 content goes here.[/tab] [tab title="Title 2"]Title 2 content goes here.[/tab] [/tab_container] </div></code></pre> Then on your custom.css you can add this <pre><code>.new_tab .tab:first-child { background: blue; }</code></pre> I'm sure you can insert a background image there. Regards, Ismael graubenjamin on "how to add an image into the 'tabbed content' header area instead of the text/" http://www.kriesi.at/support/topic/how-to-add-an-image-into-the-tabbed-content-header-area-instead-of-the-text#post-96662 Thu, 14 Feb 2013 06:31:45 +0000 graubenjamin 96662@http://www.kriesi.at/support/ .. thanks for your response, i mean inside : <div class="tab active_tab">some headline text for the tab</div> ( <div class="tab">inactive tab</div> ) Maybe I can add there some id or class for styling with css? Devin on "how to add an image into the 'tabbed content' header area instead of the text/" http://www.kriesi.at/support/topic/how-to-add-an-image-into-the-tabbed-content-header-area-instead-of-the-text#post-96559 Wed, 13 Feb 2013 17:34:03 +0000 Devin 96559@http://www.kriesi.at/support/ Hi graubenjamin, If you mean inside a shortcode tab container, no there isn't a way using the shortcode. Regards, Devin graubenjamin on "how to add an image into the 'tabbed content' header area instead of the text/" http://www.kriesi.at/support/topic/how-to-add-an-image-into-the-tabbed-content-header-area-instead-of-the-text#post-96493 Wed, 13 Feb 2013 10:32:46 +0000 graubenjamin 96493@http://www.kriesi.at/support/ Hi, we're using the great theme 'flagship', and we need to have an image instead the text inside the 'tabbed content' header. is there a way to do this?