Haven’t see any issues since the change. Looks like we can close this. Thank you!

My fault. Feel free to close ticket. Thank you!

Just stacked two icons in a column. Rather than appearing on top of the other…they are both side by side. Ugggggh!

Here you go.

Also, you can’t do a page refresh. The only way to get out of it, for me, is to hit “back” or close the browser tab altogether.

Thanks. This is not just about “Tabs”. This is about numerous features (e.g. tabs, hover effects, whatever) that I run across daily, that provide packed HTML, CSS and JS that can be added to a WordPress implementation.

Following this post, I believe that the hard part has been answered and it’s just a path issue. To me, it sounds like someone is not willing/able to just tell me what the path is. I’ve given the exact details of what I’ve done so far. That’s whats disappointing.

My strength is design but I’m obviously trying to learn. Otherwise, I would have just asked an open-ended question like “How do I add this HTML, CSS and JS?”. If people are trying…you help…at least that’s how I help people…even if it’s not “policy”.

Thank you,
Ryan

Yes, I’m well aware of the policy. However, I have helped people on here, when I’m not paid to do so and when it’s not specifically an Enfold/WordPress issue. It’s called community and it’s called paying it forward. While some are stronger in some areas, others are stronger in their respective areas.

This makes me not want to help anyone on here. Sad.

Thanks. Think I’m just going to give up on this. It doesn’t matter what path I put in…it doesn’t work. I’ve tried Relative Paths and Absolute Paths. I’ve tried online dev and local dev.

The message board knows the locations of what I’m trying to call. If someone can tell me the EXACT PATH…great. Frustrated.

\htdocs\wordpress\wp-content\themes\enfold-child\fonts\icomoon
\htdocs\wordpress\wp-content\themes\enfold-child\js\cbpFWTabs.js

@pako69 – Extremely grateful for your response. I’m a bit closer, but it’s still not looking anywhere near the demo. Here is what I did.

1. CSS – Did a find (.content) and replace (.full-width-content)
2. CSS – Did a find (.tabs) and replace (.full-width-tabs)
3. CSS – Pasted new CSS into Enfold Quick CSS
4. JS – I followed your “EDIT” by doing a find (this.tabs) and replace (this.full-width-tabs) on the cbpFWTabs.js file
5. JS – Called the JS by adding the following to a Code Block

<script src=”js/cbpFWTabs.js”></script>
<script>
new CBPFWTabs( document.getElementById( ‘tabs’ ) );
</script>

6. HTML – Added to a simple Text block

I’m not sure how to do “Adjust also the path to @font-face according to your child theme path”, but I’ll keeping trying to figure it out. Guessing I need to download a font pack.? If so, not sure where it goes. /themes/enfold-child/fonts ???

Regardless of the @font-face issue, the tabs are not taking shape at all.

Maybe I haven’t done enough with functions.php. Here is what I have.

function ava_custom_script() {
wp_enqueue_script( ‘my-custom-script’, get_stylesheet_directory_uri().’/js/cbpFWTabs.js‘, array(‘jquery’), 2, true );
}
add_action( ‘init’, ‘ava_custom_script’, 100 );

Thanks again,
Ryan

Updated to 3.5. The issue persists.

Appreciate the reply. However, you lost me with the Front Page and Static HTML stuff. I mean, I know what both mean by definition, but I don’t know how they relate to what I’ve said in this post.

I’m not a developer, but I often come across elements like these “Tabs”, where they provide the CSS/HTML/JS and I’d like to learn the proper way to infuse them/use them with Enfold.

What is the proper way to take elements like this, with the SOURCE code they provide and implement it with Enfold?

Thank you,
Ryan