Joomla Templates Club 406,261 posts

[hcharly Friend hcharlyJoin date: April 2008Posts: 107Downloads:0Uploads:9 Thanks: 14 Thanked: 11 times in 1 posts]

#159044

Hello Guys,

This is probably trivial. :-[
How can I manage to get an article display without the extra margin just as shown the ja-community-plus’s typography article?

Please see the attached image.

In advance thanks.
-Charles

---

Attachments:

1. 

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#372925

You can decrease padding value here accordingly::

.community_plus .ja-tabs-title-left {style.css (line 68)
background: url(“sidebar-bg.png”) no-repeat scroll right top transparent;
float: left;
height: 100%;
padding: 40px 0 0;
position: relative;
}

and here, for margin value::

.community_plus .ja-tabs-title-left ul.ja-tabs-title li {style.css (line 76)
background: url(“tab-sep.png”) no-repeat scroll center bottom transparent;
cursor: pointer;
display: block;
height: 100%;
margin: 0 0 0 40px;
padding: 0;
text-transform: uppercase;
}

Css file reference:: plugins/content/ja_tabs/themes/community_plus/style.css

[hcharly Friend hcharlyJoin date: April 2008Posts: 107Downloads:0Uploads:9 Thanks: 14 Thanked: 11 times in 1 posts]

#372937

No luck.
I tried to set the padding to zero; Only the marker moved up. See attachment.
The lack of real doc for the latest templates is very irritating.

Thanks for your help.
-Charles

---

Attachments:

1. 

[thangnn1510 Friend thangnn1510Join date: October 2014Posts: 1608Downloads:0Uploads:80 Thanks: 73 Thanked: 278 times in 256 posts]

#372980

Dear hcharly!

Please open:

– plugins/content/ja_tabs/themes/community_plus/style.css then change the margin of this parameter (line 72):

<blockquote>.community_plus .ja-tabs-title-left ul.ja-tabs-title li {
background: url(“tab-sep.png”) no-repeat scroll center bottom transparent;
cursor: pointer;
display: block;
height: 100%;
margin: 0 0 0 40px;
padding: 0;
text-transform: uppercase;
}</blockquote>

And the padding of the parameter on line 64:
<blockquote>
.community_plus .ja-tabs-title-left {
background: url(“sidebar-bg.png”) no-repeat scroll right top transparent;
float: left;
padding: 40px 0 0;
position: relative;
}</blockquote>

Good luck!:)

[snjofac Friend snjofacJoin date: February 2009Posts: 6Downloads:0Uploads:0 Thanks: 3 Thanked: 4 times in 2 posts]

#373749

I have the same problem. Changing padding is no good.
Please give as solution.

Marko

[snjofac Friend snjofacJoin date: February 2009Posts: 6Downloads:0Uploads:0 Thanks: 3 Thanked: 4 times in 2 posts]

#373763

Hi Charles,

Like you say on the begining the solution is trivial. All you need to do is open
extension – template manager – JA_Community_Plus and then in Profile Override Settings put your desired pages on Tabs-Content profile list. And than, like magic, margins will disapear.

Marko

2 users say Thank You to snjofac for this useful post

1. Phill
2. aamirah

[hcharly Friend hcharlyJoin date: April 2008Posts: 107Downloads:0Uploads:9 Thanks: 14 Thanked: 11 times in 1 posts]

#373790

Hello Marko,

<em>@snjofac 217550 wrote:</em><blockquote>Hi Charles,

Like you say on the begining the solution is trivial. All you need to do is open
extension – template manager – JA_Community_Plus and then in Profile Override Settings put your desired pages on Tabs-Content profile list. And than, like magic, margins will disapear.

Marko</blockquote>

Yes it worked until I edited the article. After that the extra margins are back. 😀
Something is still wrong there.
Anyway thanks.
-Charles

[snjofac Friend snjofacJoin date: February 2009Posts: 6Downloads:0Uploads:0 Thanks: 3 Thanked: 4 times in 2 posts]

#373913

When you are on that page (front-end) click on CPANEL and check if the profile is tabs-content.

[hcharly Friend hcharlyJoin date: April 2008Posts: 107Downloads:0Uploads:9 Thanks: 14 Thanked: 11 times in 1 posts]

#373917

Hello Marko,

<em>@snjofac 217756 wrote:</em><blockquote>When you are on that page (front-end) click on CPANEL and check if the profile is tabs-content.</blockquote>

I’m not using CPANEL at front-end. But I can confirm that setting in backend the page to load the “tabs-content” profile is the right way to get the same result as at joomlart’s demo typography page.

I make it work but, as I said before, after editing the article the page appears again with the extra margins.
I finally found out that this was in connection with the JAT3 plugin 1.2.0 included in the Template Package. Updating to 1.2.3 definitively solves the problem.

So the complete fix is:
1- Set your page to load tabs-content profile as Marko said before. This must work.
2- If not or doesn’t work after you re-save your article, update JAT3 to the latest version.

Thanks and Regards.
-Charles

[Author]

Posts