Joomla Extensions Club 20,483 posts

[riavon Friend riavonJoin date: January 2009Posts: 3Downloads:0Uploads:0]

#136787

I’m a designer – not a developer, so I’ve faced many frustrating moments with learning Joomla and the biggest area of trouble is extensions and modules. I love the JA Tabs module and with much trial and error got a ‘dummy’ version of it configured to the look I want, to show on my Iolite template front page. However, it doesn’t show the nice thin border around it! My brain is exhausted from trying to learn and troubleshoot so much lately, so I hope someone here can help me with this very little detail that yet is such a puzzle. I am adept at HTML and CSS, I also use Firebug to review and find code. These modules/extensions/plugins continue to pose a struggle for me, as one after another I try and mostly I fail, except for two simple ones I did ok. I am determined to also have JA_Tabs and to have it look the right way: with the border.

Here is the border showing on the template sample:

Here is the module params I have set:

The active CSS for this module shows that there is a border style set:

Yet, this is what I get! >:(

As you can see, there is no border around the JA Tabs container! What have I done wrong?

Any insight to this tired old woman would be greatly appreciated. Thanks.

[bennitos Friend bennitosJoin date: May 2008Posts: 1717Downloads:0Uploads:39 Thanks: 39 Thanked: 474 times in 407 posts]

#284931

Do you have a live url we can look at?

[riavon Friend riavonJoin date: January 2009Posts: 3Downloads:0Uploads:0]

#284933

http://174.132.130.219/~riavon/

[bennitos Friend bennitosJoin date: May 2008Posts: 1717Downloads:0Uploads:39 Thanks: 39 Thanked: 474 times in 407 posts]

#284937

open your template.css file around line 914


#ja-botsl2 {
border:1px solid #C9C0B7;


Add what i marked as red and you should have your border.

[riavon Friend riavonJoin date: January 2009Posts: 3Downloads:0Uploads:0]

#284949

<em>@bennitos 104220 wrote:</em><blockquote>open your template.css file around line 914


#ja-botsl2 {
border:1px solid #C9C0B7;


Add what i marked as red and you should have your border.</blockquote>
Bennitos thank you for your suggestion. I was able to use this advice from you as a catalyst to go further to improve on your suggestion and get the results I was really seeking. This is a design issue, which I am very particular about.

The area which you suggested I add border encompasses all of this:

Which gave this result, with a ‘double border’ affect at top due to no gap between the top tab and the bordered box it is in:

as well as a big gap between the menu items panel and the bottom of the bordered box. I wanted bottom flush and top tab to have some breathing room.

What I was trying to accomplish is to mimic the look of the template demo JA Tabs look:

I got it by instead changing a few things in the “ja_tabs.css” stylesheet. I added 4px top padding and the 1px colored border to the .ja-tabswrap class and added an absolute position in of top:10px to the .ja-tabs-title-left and ul.ja-tabs-title classes.

Here is my result:

Thank you again for your prompt attention to my problem and for inspiring me to figure it out. A simple matter of adjusting the proper CSS was all that was needed, after all. 😀

[bennitos Friend bennitosJoin date: May 2008Posts: 1717Downloads:0Uploads:39 Thanks: 39 Thanked: 474 times in 407 posts]

#284957

glad you got it sorted!!

[Author]

Posts