Joomla Templates Club 406,261 posts

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#839266

I’m trying to use a JA ACM Accordion module inside a Container-Tab – but in doing so the Accordion goes full width of the website instead of staying in the boundaries of the other modules in the Tab.

Thoughts?

John.

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#839385

SOLVED: Need to add the Block Extra Class "_container"

[kella@youngerusa.com Friend kella@youngerusa.comJoin date: January 2016Posts: 65Downloads:46Uploads:23 Thanks: 9]

#873788

John Wesley Brett wrote:

SOLVED: Need to add the Block Extra Class "_container"

I am having this same issue but when I type _container in the Block Extra Class, nothing happens. It also does this for the Custom HTML modules. You can see what I mean here: http://youngerusa.com/j3new/index.php/n-m-technology.

I want all of the tab items to NOT be full-width. Any ideas?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#874135

@kella: You need to change "_container" to " container" (a space before class name), please look at my screenshot, you will see it’s working without "_"

---

Attachments:

1. 

[kella@youngerusa.com Friend kella@youngerusa.comJoin date: January 2016Posts: 65Downloads:46Uploads:23 Thanks: 9]

#874406

Great thank you! I thought I had tried that but I guess not. Is there a way to do this so it will effect all modules in the tabs? Or do I have to change the code every time I add a module?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#875204

I’m afraid you have to change it each module on your site.

[kella@youngerusa.com Friend kella@youngerusa.comJoin date: January 2016Posts: 65Downloads:46Uploads:23 Thanks: 9]

#875487

Okay, thanks. I also noticed that under the "accordian 4" tab and also some others, the content goes farther than the accordian. Is there a way to fix this or I just need to make the image smaller?

http://youngerusa.com/j3new/index.php/n-m-technology/introduction

[kella@youngerusa.com Friend kella@youngerusa.comJoin date: January 2016Posts: 65Downloads:46Uploads:23 Thanks: 9]

#875504

I’m sorry if this is a very easy question but I made the changes with the accordian tab in joomla module manager just adding the "container" text to the Block Extra Class section.

For the custom HTML modules, there is no such section. I made changes on the front end of the website as you showed (see my picture) and it seemed to work, but the changes don’t save. How do I get them to save?

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#876056

You can fix the image problem of accordian 4 tab on your site

Open templates/uber/css/custom.css file and apply the CSS style

div#accordion-body-3 .panel-body img {
    width: 100%;
    height: 100%;
}

[kella@youngerusa.com Friend kella@youngerusa.comJoin date: January 2016Posts: 65Downloads:46Uploads:23 Thanks: 9]

#876488

Thanks.

I’m sorry if this is a very easy question but I made the changes with the accordian tab in joomla module manager just adding the "container" text to the Block Extra Class section.

For the custom HTML modules, there is no such section. I made changes on the front end of the website as you showed (see my picture) and it seemed to work, but the changes don’t save. How do I get them to save? Should I make changes in a certain file?

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#876895

With custom HTML module, you can try to add it as my screenshot

---

Attachments:

1. 

[kella@youngerusa.com Friend kella@youngerusa.comJoin date: January 2016Posts: 65Downloads:46Uploads:23 Thanks: 9]

#877214

Great that worked! Thank you!

[Author]

Posts