Joomla Templates Club 406,261 posts

[janjak Friend janjakJoin date: July 2012Posts: 95Downloads:53Uploads:37 Thanks: 22 Thanked: 4 times in 1 posts]

#179754

Oups !
I have found the difference between the jatabs module on my site and on the demo site : padding.

demo site :

my site :

I think this will really resolve the problem explained in my other posts, rather than reduce the width of the tumbnails… but where can I change this ?

---

Attachments:

1. 
2. 

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#463690

Please follow thread http://www.joomlart.com/forums/topic/tabs-lens/#post-463505

[janjak Friend janjakJoin date: July 2012Posts: 95Downloads:53Uploads:37 Thanks: 22 Thanked: 4 times in 1 posts]

#463899

Hello !

I know this thread, I have created it…
Have a look on the screenshots : on my site he red line is smaller than in the quickstart site… I think the thumbnails problem comes from a wrong padding value. Where can I check it ?

Regards,
Janjak

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#463996

Hi Janjak
It is padding effect from ( line 872 ) template.css


#right .moduletable-inner {
margin: 0 0 10px;
padding: 20px;
}

You should reduce padding to 5px or 10px;

Regards,

[janjak Friend janjakJoin date: July 2012Posts: 95Downloads:53Uploads:37 Thanks: 22 Thanked: 4 times in 1 posts]

#464043

Correct : by setting padding value to 0, the tab lens module on my site looks like the same module on the demo site…

But this change the padding from ALL the modules on the right position !
The nice design from the template is now a pity…

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#464107

Hi Janijak
If you apply only tab, you should add suffix to this module then apply css above to it.

Regards,

[janjak Friend janjakJoin date: July 2012Posts: 95Downloads:53Uploads:37 Thanks: 22 Thanked: 4 times in 1 posts]

#464184

How can I do that ? I’m not sure to be able to have any success with this…
There is already a suffix in the tab lens module : “tabs” but I don’t found the css file…

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#464236

Hi Janjak
Got to backend > modules manager > edit module tabs > add suffix is ‘ inner-special’
Then add css code as below to end of template.css file

#right .inner-special {
margin: 0 0 10px;
padding: 5px;
}

Regards,
<em>@janjak 334379 wrote:</em><blockquote>How can I do that ? I’m not sure to be able to have any success with this…
There is already a suffix in the tab lens module : “tabs” but I don’t found the css file…</blockquote>

[janjak Friend janjakJoin date: July 2012Posts: 95Downloads:53Uploads:37 Thanks: 22 Thanked: 4 times in 1 posts]

#464334

No change !

I have tried this before … unsuccessfully.
The new suffix appears in the source code, but any modification in template.ccs file has no effect on this module.
It was the reason I ask where I should find the css file with the suffix class “tabs”, as like in the quick start site.

I’m asking me : this module doesn’t use a specific css file… in a other place ?

Regards,

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#464366

Hi Janjak
Please try using:

#right .inner-special {
margin: 0 0 10px;
padding: 5px !important;
}

I think it will work.

Regards

[janjak Friend janjakJoin date: July 2012Posts: 95Downloads:53Uploads:37 Thanks: 22 Thanked: 4 times in 1 posts]

#464457

I’m really desolated… no change …

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#464495

Hi Janjak
Please view http://easycaptures.com/fs/uploaded/630/7761133976.png
You add class suffix is incorrect, so please change in css .inner-special to .moduletableinner-special

Regards,

[janjak Friend janjakJoin date: July 2012Posts: 95Downloads:53Uploads:37 Thanks: 22 Thanked: 4 times in 1 posts]

#464511

Done,

#right .moduletableinner-special {
margin: 0 0 10px;
padding: 0px !important;
}

but no change.

What must I view on the capture from the header and top menu ? I haven’t notice anything wrong on it …

I have paste the template.css file from my online site (http://www.janjakstakus.com) to my local quick-start site : the padding is keeping nice. Your are sure that the problem comes from this file ?

Regards,

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#464525

Hi Janjak
I’m sure that file.
Sorry for my mistake, please edit to


#right .moduletableinner-special .moduletable-inner{
margin: 0 0 10px;
padding: 0px !important;
}

If this can not help you resolve this issue, pm me ftp info, i’ll fix it for you.

Regards,

1 user says Thank You to HeR0 for this useful post

1. janjak

[janjak Friend janjakJoin date: July 2012Posts: 95Downloads:53Uploads:37 Thanks: 22 Thanked: 4 times in 1 posts]

#464550

It works ! Nice !

I have first paste your code at the end of template.css : no change
The some code pasted line 877 works fine …
So I think that this point is solved.

I haver find this in module.css :

/* Module Tabs*/

#right .tabs .moduletable-inner {
padding: 0px;
}

It’s exactly the code you given me, with the suffix “tabs”, like the quick start… Why doesn’t it work in this location ?

Just a last thing :

The margins of the thumbnails in tab lens module aren’t equal on all sides and the content of all modules on the right position is not centered, :

---

Attachments:

1. 

[Author]

Posts