Joomla Templates Club 406,261 posts

[erickpaulino Friend erickpaulinoJoin date: May 2013Posts: 78Downloads:12Uploads:25 Thanks: 19 Thanked: 3 times in 1 posts]

#201888

Hello,

I’m having a problem with the layout of the featured articles in Home. Please see the attached image. You’ll note that when I add a line in the beginning of an article, the introtext converts it into a column, and then it breaks, as you can see in the image.

How can I fix it?

Thank you

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#552226

Hi Erick,

It due to the custom CSS you added in this file: /templates/ja_magz/css/custom.css


.blog-featured.av-grid .article-intro, .userpage.av-grid .article-intro {
display: flex;
justify-content: space-around;
}


try to change it to:


.blog-featured.av-grid .article-intro, .userpage.av-grid .article-intro {
display: inline-block;
justify-content: space-around;
}


Have a nice day
Saguaros

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

#552230

HI
you have added some custom code into your custom.css file , that i causing this issue .
Go to /templates/ja_magz/css/custom.css
find this Code:


.blog-featured.av-grid .article-intro, .userpage.av-grid .article-intro {
display: flex;
justify-content: space-around;
}

and change the code
>>> display: flex;

in to
display : inline-block; .
like this code :
.blog-featured.av-grid .article-intro, .userpage.av-grid .article-intro {
display: inline-block;
justify-content: space-around;
}

if you want you can also remove the code >> display: flex; .
it will also fix the issue .

1 user says Thank You to Pankaj Sharma for this useful post

1. erickpaulino

[erickpaulino Friend erickpaulinoJoin date: May 2013Posts: 78Downloads:12Uploads:25 Thanks: 19 Thanked: 3 times in 1 posts]

#552261

Hello,

Thank you for you both!

That code was an attempt to justify the intro text, which you can see, didn’t work. Do you have a suggestion on how I can justify the intro text?

Thank you again,

Erick

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

#552263

Hi to make the intro text justify . Just add
text-align :justify in the same code you added above .
like this

.blog-featured.av-grid .article-intro, .userpage.av-grid .article-intro {
display: inline-block;
justify-content: space-around;
text-align: justify;
}

save and check intro text is now in justify format . >>>> http://prntscr.com/4u5w5r

1 user says Thank You to Pankaj Sharma for this useful post

1. erickpaulino

[erickpaulino Friend erickpaulinoJoin date: May 2013Posts: 78Downloads:12Uploads:25 Thanks: 19 Thanked: 3 times in 1 posts]

#552265

Hello,

Just perfect! Thank you!

[Author]

Posts