Joomla Templates Club 406,261 posts

[manor road Friend manor roadJoin date: May 2010Posts: 20Downloads:0Uploads:3 Thanks: 2]

#159083

Hi There

I have installed JA droid and am using the new framework for the first time.

I have created modules using the custom html module and assigned them to the positions referred to at http://www.joomlart.com/forums/topic/ja-droid-module-position-guide/. However, if you take a look at the page both the positioning and the formatting of the modules are incorrect. Would somebody be able to help with this?

As two examples, I have created three custom html modules and placed them in positions user 1, 2 and 3. However user1 and user 3 are overlapping.

With regards to formatting, I have created a custom html module with user 4, but there is no background colour or formatting as is displayed on the demo site.

Will it be possible to tell me what is wrong?

I’ve made the title of all modules the position, so that you can see what is going on

http://www.rj-gasandplumbing.co.uk/

Thanks

Daniel

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

#373201

<blockquote>As two examples, I have created three custom html modules and placed them in positions user 1, 2 and 3. However user1 and user 3 are overlapping.</blockquote>

Change this::

.ja-box-right {layout.css (line 108)
position: absolute;
left: 0;
}

to

.ja-box-right {layout.css (line 108)
position: absolute;
right: 0;
}

Css file reference:: plugins/system/jat3/base-themes/default/css/layout.css

<blockquote>With regards to formatting, I have created a custom html module with user 4, but there is no background colour or formatting as is displayed on the demo site.</blockquote>

Wrap the html output in custom module with::

<div class=”banner-text”>..</div>

[manor road Friend manor roadJoin date: May 2010Posts: 20Downloads:0Uploads:3 Thanks: 2]

#373303

Thank You So Much Mate

I’ll have a look at this this evening, thanks for helping me again

[manor road Friend manor roadJoin date: May 2010Posts: 20Downloads:0Uploads:3 Thanks: 2]

#373324

Hello Mate

Just to say, one of the two solutions seems to have worked, the other doesn’t.

But I had a look and there was another example of the ja-box-right but I edited that and it has worked. I think I must have tweaked these when I was trying to change the layout.

May I just ask, why is it that we need to add that div tag around the html output? Could it not be made part of the default template? I have greatly appreciated your help aman 2004, I launch the website next Monday and your help has been invaluable.

Daniel

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#373365

<blockquote>May I just ask, why is it that we need to add that div tag around the html output? Could it not be made part of the default template?</blockquote>dear,
the “div” tag help us to style the content inside it. The demo on our site also uses it.

Its like the div tag tells the template to apply the pre-formatted style to the content within the div tag only.

[manor road Friend manor roadJoin date: May 2010Posts: 20Downloads:0Uploads:3 Thanks: 2]

#373539

Thank you for the response, in future I will always compare the coding of my site with the coding of the demo site.

Thanks again for all of your help

Daniel

[Author]

Posts