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?
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?
Hi graubenjamin,
If you mean inside a shortcode tab container, no there isn't a way using the shortcode.
Regards,
Devin
.. 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?
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
<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>
Then on your custom.css you can add this
.new_tab .tab:first-child {
background: blue;
}
I'm sure you can insert a background image there.
Regards,
Ismael
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?
Hi!
Unfortunately IE7/8 does not support :nth-of-type because it's css3 code. However maybe this article. http://www.thebrightlines.com/2010/01/04/alternative-for-nth-of-type-and-nth-child/ will help you.
Best regards,
Peter
... excellent, works perfect now:
.new_tab .tab:first-child + .tab {
background: red;
}
.new_tab .tab:first-child + .tab + .tab {
background: yellow;
}
thanks again!
Hi graubenjamin,
Glad that this is resolved. :)
Cheers,
Ismael
This topic has been closed to new replies.