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?
how to add an image into the 'tabbed content' header area instead of the text/
8 posts from 4 voices- Started 3 months ago by graubenjamin
- Latest reply from Ismael
- This topic is closed
- This topic is resolved
-
Ismael
ModeratorHi,
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,
IsmaelPosted 3 months ago # -
graubenjamin
Memberit 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?
Posted 3 months ago # -
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,
PeterPosted 3 months ago #
Topic Closed
This topic has been closed to new replies.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
