Joomla Templates Club 406,261 posts

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

#999098

Hi
Open template folder /css/custom.css file and add below code to fix the problem

.blog .column-1 .item-image.pull-left {
    width: 100%!important;
    padding-right: 0px!important;
}
.blog .column-1 .item-image.pull-left + .item-ct {
    width: 100%!important;
}

Regards

[tresoar Friend tresoarJoin date: November 2014Posts: 203Downloads:15Uploads:34 Thanks: 35 Thanked: 2 times in 1 posts]

#1001621

That works.
Only when I add this code, the text in a one column blog layout shows under the intro image instead of to the right of the intro image. When I don’t add the code then the text do shows on the right side of the intro image. When i say ‘multi column order’ to ‘across’, this has no result.
How can i make sure that the text stays on the right side of the image instead of under the image?

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

#1001709

Hi
I am not able to understand your new request, I tested the code on your site and its working
fiine: http://prntscr.com/duiz32

[tresoar Friend tresoarJoin date: November 2014Posts: 203Downloads:15Uploads:34 Thanks: 35 Thanked: 2 times in 1 posts]

#1001769

Yes indeed. But when I add the code this page http://sirkwy.tresoes68.sixtyeight.axc.nl/index.php/skriuwers-biografyen/16-a also changes.
Without the code it looks good like this image 1 (onecolumn).
But when I add the code the text on this page show under the image instead of to the right. Like on image 2 (onecolumn_text-under_image.

---

Attachments:

1. 
2. 

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

#1001773

Hi
Remove the older code from custom.css file and add this

.layout-blog .blog .column-1 .item-image.pull-left{width:100%!important;padding-right:0px!important}
.layout-blog .blog .column-1 .item-image.pull-left + .item-ct{width:100%!important}

This code will not affect the other pages.

[tresoar Friend tresoarJoin date: November 2014Posts: 203Downloads:15Uploads:34 Thanks: 35 Thanked: 2 times in 1 posts]

#1001786

Thanks! It works fine now!

[Author]

Posts