Joomla Templates Club 406,261 posts

[Daniel Raymo Friend Daniel RaymoJoin date: September 2014Posts: 42Downloads:5Uploads:6 Thanks: 4]

#169273

I’m having problems with the Community+ template getting the margins on the tab content to be correct (as on http://www.joomlart.com/demo/#templates.joomlart.com/ja_community_plus typography page – there is no margin on the left side) If you look at the same page on my site: http://platypuswork.com/typography.html you can see that the normal left-hand page margin is there (the tab content is not flush with the left border). I can see on the demo page that the <div class=”inner clearfix”> gets an addition class through t3-assets that I don’t body.ja-tabs-content #ja-mainbody .inner { padding: 0 0 40px 0; } — I just can’t figure out how to get that class applied.

Thanks,
Dan

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#416764

Hi danraymo

maybe you are referring to the ja_tabs.css ?

[Daniel Raymo Friend Daniel RaymoJoin date: September 2014Posts: 42Downloads:5Uploads:6 Thanks: 4]

#416768

<em>@pavit 272803 wrote:</em><blockquote>Hi danraymo

maybe you are referring to the ja_tabs.css ?</blockquote>

No… in templates/ja_community_plus/css/template.css there is an entry which when applied it corrects the margin for tab content…it’s just not being applied on my site:

/* Tabs content layout —*/
body.ja-tabs-content #ja-mainbody { padding-top: 0; }

body.ja-tabs-content #ja-mainbody .inner { padding: 0 0 40px 0; }

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#416776

Hi

I have downloaded and installed the quickstart version of the template on my localhost and all works correctly

I can see that your content respect our demo is floated to the right

If you have modified some css i suggest to replace your templates.css with the original one

[Daniel Raymo Friend Daniel RaymoJoin date: September 2014Posts: 42Downloads:5Uploads:6 Thanks: 4]

#416790

<em>@pavit 272819 wrote:</em><blockquote>Hi

I have downloaded and installed the quickstart version of the template on my localhost and all works correctly

I can see that your content respect our demo is floated to the right

If you have modified some css i suggest to replace your templates.css with the original one</blockquote>

It’s not the template.css… I suspect it may be how I applied the color theme. T3 is not applying “body.ja-tabs-content #ja-mainbody .inner” on mine.

See the css assigned to the <div class=”inner clearfix”> tag on the Joomla demo (capture 1) and the css assigned to the same tag on mine (highlighted yellow at bottom)

---

Attachments:

1. 
2. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#416803

Goto templates/ja_community_plus/css/layout.css
now you have

.main .inner {
padding-left: 10px;
padding-right: 10px;
}

change to

.main .inner {
padding-left: 0px;
padding-right: 10px;
}

I have found this solution

[Daniel Raymo Friend Daniel RaymoJoin date: September 2014Posts: 42Downloads:5Uploads:6 Thanks: 4]

#416812

Thank you, but that has nothing to do with it. The problem is, that the below code isn’t being applied to pages with tab content.

body.ja-body-r1 #ja-right div.ja-moduletable {
margin-left: 40px;
margin-right: 40px;
}

[Daniel Raymo Friend Daniel RaymoJoin date: September 2014Posts: 42Downloads:5Uploads:6 Thanks: 4]

#416821

I’ve figured out that the problem must be with the “PROFILE OVERRIDE SETTINGS” in the template manager. I still haven’t been able to fix it, I can’t figure out this whole assigning theme business.

[Daniel Raymo Friend Daniel RaymoJoin date: September 2014Posts: 42Downloads:5Uploads:6 Thanks: 4]

#416841

I solved it by using “reset to default” on default theme. Assigned “tab-content” layout to new page. That got me most of the way there, then to template.css, I added:

body.ja-tabs-content #ja-main .inner {
margin-left: -8px;
}

Thanks

[Author]

Posts