Joomla Templates Club 406,261 posts

[robf23 Friend robf23Join date: April 2013Posts: 23Downloads:13Uploads:11]

#890070

I have featured articles on home page, if i hit a link to them, they display in the same area which is fine, but they do not display in the same way. The fonts change size, there is no indent, and there is a big gap between the title and the text.

I would like articles to look the same all across the site like they do when first seen, how can i achieve this?

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#890320

Hi
I checked your site and the articles , The space is due to there is image present in the articles and no navigation buttons there , Try to add image via Images and links in Article and Turn On Navigation buttons . so they will show and fill the space , if you would like to make article look like demo site Here

if there is no images in your all articles and you want to same look , let me know i will suggest you some changes how to remove the space .

[robf23 Friend robf23Join date: April 2013Posts: 23Downloads:13Uploads:11]

#890387

Hi, thanks. It happens with stories without images as well. See the attachments. It also happens with articles with images. I’ve attached an example.

If you could advise how we lose the space and make the text the same size that would be great, thanks.

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#890610

Hi
You added image in the article body not via Images and links option so it does not show any effect .
By the way you do this workflow to remove the space .
Add below code in custom.css file

.article-main .article-intro-media {
    display: none; }
.article-navigation.top {
    display: none;
}

here is path for custom.css : /templates /YOUR JA Template/css/custom.css
If file is present , kindly create it manually .

Hope it helps .

[robf23 Friend robf23Join date: April 2013Posts: 23Downloads:13Uploads:11]

#894802

Sorry, no, the articles do not have ANY images.

And the font and size and spacing changes.

Please see the screenshots below. The CSS you supplied has been added, it changed nothing.

---

Attachments:

1. 
2. 

[robf23 Friend robf23Join date: April 2013Posts: 23Downloads:13Uploads:11]

#894810

Ok, so I got the space working (order of text in CSS), but the fonts are still different… how can I get consistency across all articles?

[robf23 Friend robf23Join date: April 2013Posts: 23Downloads:13Uploads:11]

#894813

But here is another example…

I have indented the text in this article manually, but there is no space between the title and the edge of the frame.

Every article is just different. Can I make them all the same? Titles same size & font, text same size and font, indents the same?

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#895102

Hi
Full article layout and the blog/featured layout use different style . You can check the same in demo .
For the full article page font-size and the color
this code is used for article content font-size

.article-content {
    font-size: 16px;
    font-weight: 300;
}

You cna find the code in t/templates/ja_teline_v/css/template.css and change the font-size as per needs .
Regarding font color below is default color used for template text

body {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.71428571;
  color: #333333;
  background-color: #ffffff;
}

change the color color: #333333; value with your color . Its defined in the file templates/ja_teline_v/css/bootstrap.css
if you already added the font-size and color by article editor then it will not load the template color and font-size it use editor values , I found u defined the same in some article so it looks different .

For the article gap , you can share the both url of articles here and post a screenshot which gap u want to reduce .

[Author]

Posts