Joomla Templates Club 406,261 posts

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

#157943

Hello,

I am interested in knowing about how to modify the content in order to add center modules in the main-content area (frontpage). For example, instead of user1, user2, etc.. being published at the bottom, that they can be put in center area of the template right underneath the slideshow.
I want to be able to put a few modules in that area.

Also, I am unable to remove the white blank area in the image below. Normally, the text should flow to the left after the image. I checked the html in the article and could not find something that keeps a large area to the left.

See site: http://www.dailybiblequizzes.com/
Many thanks-

---

Attachments:

1. 

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#368897

Please disable css compression to provide in right file and line reference

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#368915

Dear pagabas,

If you want to publish modules on the content area just go to your template back-end >> Layouts tab >> going to edit your actived layout ,there you would see a xml block like this
<block name=”content-top”>content-top</block> You can add many modules positions as you want in here.

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

#368938

Aman,
I disabled css compression but it still showing the left area blank. See here in main-content: http://www.dailybiblequizzes.com

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

#368943

I am assuming you want the text to wrap under the image filling the space to the left correct?

Let us look first at why the template is designed in this way. The frontpage design is supposed to only have a short intro text with the main article put on a separate page. As I am sure you are aware, the image is automatically resized to fit that layout. The design allows you to have an image on the left then a small piece of intro text on the right. For most people this is how they want it to be but some do not wish to use the layout like this and I can fully understand why.

First please open your templates>ja_anion>css>templates.css file and around line 262 you will find the following code

.article-image {
left:0;
position:absolute;
top:5px;

}

Please change to


.article-image {
float:left;
left:0;
position:relative;
top:5px;

}


Then find in the same file around line 260 the following code


.haveimage, .article_column .haveimage {
min-height:190px;
padding-left:158px !important;

}


and change to


.haveimage, .article_column .haveimage {
min-height:190px;
padding-left:1px !important;

}


Hopefully that will do the trick

1 user says Thank You to Phill for this useful post

1. pagabas

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

#368999

Hello Phil,

That did it the trick. Fixed. Many thanks again.
Here is the site after the fixed. Text wise, that’s how it was supposed to be.
Thanks

[Author]

Posts