Joomla Templates Club 406,261 posts

[kadad Friend kadadJoin date: August 2010Posts: 129Downloads:0Uploads:0 Thanks: 16 Thanked: 1 times in 1 posts]

#157391

Hi,
I am using Ja social locally for the moment and each article, made via joomla or k2 got a 200px blank space after text.

Is it possible to get rid of that space because when there is several articles in a row, it is not very readeble.

Thanx.

[thuanlq Friend thuanlqJoin date: October 2010Posts: 528Downloads:0Uploads:29 Thanks: 8 Thanked: 121 times in 99 posts]

#366690

Hi,

Please provide me screenshot of the problems, i will check it
thankx

[kadad Friend kadadJoin date: August 2010Posts: 129Downloads:0Uploads:0 Thanks: 16 Thanked: 1 times in 1 posts]

#366731

Here you are :

on joomla articles

and

on k2 articles

[pagabas Friend pagabasJoin date: November 2010Posts: 45Downloads:0Uploads:11 Thanks: 9 Thanked: 1 times in 1 posts]

#366755

Hello,

I am having similar issues with my site: On the left side of an article there is a huge blank area as if the text was right justified with a large margin.
thanks

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

#366914

Hi all,

This is an css error, the solution is:

open templatesja_socialcsstemplate.css, change 2 below classes:

.fp-article-content {
padding-left: 145px;
}
.article-image {
float: left;
width: 130px;
}

to:

.fp-article-content {
}

.article-image {
float: left;
margin-right: 15px;
width: 130px;
}

[pagabas Friend pagabasJoin date: November 2010Posts: 45Downloads:0Uploads:11 Thanks: 9 Thanked: 1 times in 1 posts]

#366962

That worked for me. Thanks

[kadad Friend kadadJoin date: August 2010Posts: 129Downloads:0Uploads:0 Thanks: 16 Thanked: 1 times in 1 posts]

#367010

You’re lucky, it doesn’t here ….:((

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#367011

Can you post a link to the affected page?

1 user says Thank You to Phill for this useful post

1. kadad

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#367015

Thanks for your link and also thanks for including a link to the thread in your PM, that really does save a lot of time looking for the thread and it is rare for people to do this.

To your problem. Did you make the above css changes? It is not showing in your code and that probably is because you have not cleared your jat3 cache. If you have the later version of the JAT3 plugin you will have a button at the top of the page to do just that.

Before you do that go into the template manager and enable development mode and set combine css to none. It will help diagnosis. Then save the settings and finally clear your cache. You should then be able to see your css changes. If it works you can re-apply the template optimize settings. If not come back and ask and we can take a look again. It is much easier to look at without the css joined.

[kadad Friend kadadJoin date: August 2010Posts: 129Downloads:0Uploads:0 Thanks: 16 Thanked: 1 times in 1 posts]

#367017

Development mode is already enabled.

I can’t see where to set “combine css” to none.

I don’t know if it important, but in the template management, I can read that the default template can’t be assignated…

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#367018

Sorry, that should have read “Optimize CSS”. At the moment you will probably see “Join & Minify & Compress” in the dropdown, set this to “None” instead and save the settings. It is in the same tabe as Enable Development Mode, just look a little further down the page to the “CSS & JAVASCRIPT COMPRESS” tab.

[kadad Friend kadadJoin date: August 2010Posts: 129Downloads:0Uploads:0 Thanks: 16 Thanked: 1 times in 1 posts]

#367021

I did all. Clicked the button “JTA3 clean cache”, even used the usually menu to clear cache in Joomla and close and reopen my browser. It is still the same result…

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#367022

Ah, that is easier now we can see the css. Removing the combine and compress stuff allowed me to see that the css in question is contained in the particular colour variation that you are using, in this case at /templates/ja_social/core/themes/orange-color/css/color.css so if you make the aformantioned edit in that file your change will take effect.

Ant the extra whitespace in the bottom of that APOCAG article you linked to is actually in the article itself. Take a look at the html in the article manager and you will see lots of <p> </p> tags at the bottom of it, remove those and the space at the bottom will go, the css deals with the space to the left.

[kadad Friend kadadJoin date: August 2010Posts: 129Downloads:0Uploads:0 Thanks: 16 Thanked: 1 times in 1 posts]

#367028

I’m ashamed concerning the nbsp’s in the bottom…

Still, I made the changes in color.css and :

1. The code
.article-image {
float: left;
width: 130px;
}

Doesn’t exist in the file.

2 The space in the home page has still a wide margin on the left

3 K2 articles are still presenting space between one another

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#367029

1. No, that is picked up from template.css, it is just the extra padding that is picked up from color.css.

2. Have you cleared your cache in your browser? The space on the left has gone for me.

3. Do they? You’ve not mentioned that yes but I will take a look now.

[Author]

Posts