Joomla Templates Club 406,261 posts

[directtone Friend directtoneJoin date: December 2012Posts: 12Downloads:0Uploads:1 Thanked: 1 times in 1 posts]

#186143

Hi JA,

I need to align a module with the left brick but couldn’t. The banner on the left works fine but when replacing it with any other module there is a misalignment on both top and bottom. Tried to find any information regarding module class suffix but nothing there. Your help is much appreciated.
See attached photo.

---

Attachments:

1. 

[kanenses Friend kanensesJoin date: December 2012Posts: 55Downloads:0Uploads:9 Thanks: 11 Thanked: 16 times in 1 posts]

#487625

Hi,

Can you provide me your website link?

1 user says Thank You to kanenses for this useful post

1. JA Developer

[directtone Friend directtoneJoin date: December 2012Posts: 12Downloads:0Uploads:1 Thanked: 1 times in 1 posts]

#487627

Thank you Kanenses,

I am working on the site offline. I only replaced the banner on the same position (black berry ad, see the demo) with custom html module with the photo shown on the attachment.

1 user says Thank You to directtone for this useful post

1. JA Developer

[directtone Friend directtoneJoin date: December 2012Posts: 12Downloads:0Uploads:1 Thanked: 1 times in 1 posts]

#487770

Any help with how to remove/modify module margins and padding? Or how to create a module class suffix without margins and padding? Tried many things with no luck!!

Awaiting for you…

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#487796

<em>@directtone 366146 wrote:</em><blockquote>Any help with how to remove/modify module margins and padding? Or how to create a module class suffix without margins and padding? Tried many things with no luck!!

Awaiting for you…</blockquote>
I assume you’re using the Joomla 3.0.x version of JA Argo, yes?

[directtone Friend directtoneJoin date: December 2012Posts: 12Downloads:0Uploads:1 Thanked: 1 times in 1 posts]

#487798

Hi TomC,

I have tried Joomla 3.0.x and then switched to 2.5.9 but have the same problem on both of them. Now I am using 2.5.9 and couldn’t find a way to align the module with brick. Your help is needed.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#487799

Also, which element(s)/module(s) specifically are you wanting to reduce the padding/margin spacing for?
I do see your image posting above – but just want to make sure which particular element(s) you’re referring to.

[directtone Friend directtoneJoin date: December 2012Posts: 12Downloads:0Uploads:1 Thanked: 1 times in 1 posts]

#487801

The custom html module on the top right which has the green photo.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#487803

Well, here is a possible suggestion . . .

With your site set for “Development Mode“, you can try to add a “margin-left” property to the respective span CSS rule for that module – for example . . .

Within file path –> templates.ja_argo.less.bootstrap-responsive.less.css

at/about line 1 (though it may be different within your particular file structure),

.t3-module {
background: none repeat scroll 0 0 transparent;
border-bottom: 1px solid #DDDDDD
color: inherit;
margin-bottom: 30px;
margin-left: -30px;
padding-bottom: 30px;
}

Of course, you can play around with the margin value until you arrive at the result you’re happy with.

MIND YOU, this is going to affect any/all of the modules/elements within that left column position.

[directtone Friend directtoneJoin date: December 2012Posts: 12Downloads:0Uploads:1 Thanked: 1 times in 1 posts]

#487809

<em>@TomC 366190 wrote:</em><blockquote>Well, here is a possible suggestion . . .

Within file path –> templates.ja_argo.less.bootstrap-responsive.less.css

.</blockquote>

What do you mean by bootstrap-responsive.less.css
The specified folder /less has only bootstrap-responsive.less which has no code regarding module customization.
Also I do not want to change the other modules so how can I create module class suffix to customize only this module?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#487811

Okay, I see what you’re saying. In that case, here are a few reference links I found that may assist you better . . .

http://docs.joomla.org/Using_Class_Suffixes

http://www.ostraining.com/blog/joomla/how-to-use-joomlas-module-suffixes/

http://forum.joomla.org/viewtopic.php?p=2703068

as well as . . . .

http://twitter.github.com/bootstrap/base-css.html

http://lesscss.org/

[Author]

Posts