Joomla Templates Club 406,261 posts

[navamhyd Friend navamhydJoin date: May 2015Posts: 93Downloads:383Uploads:27 Thanks: 18]

#207937

Dear Help desk,

The images in the single column blog layout here: http://www.healthclaps.com/Science-Disease/Asthma/ look strange they way they are defined right now.

I’d like to have them look like this:

Grey line
Blog title
Blog intro | Image (surrounded by text)

If we could add a “Read More” at the bottom of the intro text, so much the better.

Here I am attaching the screen shot for our target requirement.

Thanks,
Navam

---

Attachments:

1. 

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

#575787

Hi Navam,

That’s default way images display in this template.

If you want to show like your screenshot, you will need to customize a bit.

I will also investigate this deeply and will be back.

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

#642116

Hi Navam,

That’s default way images display in this template.

If you want to show like your screenshot, you will need to customize a bit.

I will also investigate this deeply and will be back.

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

#740776

Hi Navam,

That’s default way images display in this template.

If you want to show like your screenshot, you will need to customize a bit.

I will also investigate this deeply and will be back.

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

#575868

You can try with my tweak here:
– Go to file: root/templates/ja_teline_v/css/custom.css (create this file if it doesn’t exist)
– Add this css rule:


.com_content.view-category .article-intro .item-image img {
float: left !important;
width: 245px;
padding-right: 20px;
}

.com_content.view-category .pull-left.item-image {
width: 245px !important;
float: left !important;
}


[Author]

Posts