Joomla Templates Club 406,261 posts

[Kris Small Friend Kris SmallJoin date: January 2014Posts: 54Downloads:0Uploads:6 Thanks: 19 Thanked: 2 times in 1 posts]

#179576

See attached. I’m not sure how to resolve this. I’d like these modules to be side by side like the other modules in the block. I’ve looked in the css and used the width settings of the Facebook Like module to no avail.

Any ideas?

Thanks

---

Attachments:

1. 

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

#462928

Hi ksmall24,

Can you share with me the url where the issue is being seen ? also if possible pm me the admin account and the FTP info for further checking !

[Kris Small Friend Kris SmallJoin date: January 2014Posts: 54Downloads:0Uploads:6 Thanks: 19 Thanked: 2 times in 1 posts]

#463097

<em>@Sherlock Holmes 332717 wrote:</em><blockquote>Hi ksmall24,

Can you share with me the url where the issue is being seen ? also if possible pm me the admin account and the FTP info for further checking !</blockquote>

Sure. Please check your inbox.

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

#463156

Hi ksmall24,

You can open the file of templates/your_template/css/template.css and adding this css

div.moduletable_world{
height:359px;
}

1 user says Thank You to Sherlock for this useful post

1. Kris Small

[Kris Small Friend Kris SmallJoin date: January 2014Posts: 54Downloads:0Uploads:6 Thanks: 19 Thanked: 2 times in 1 posts]

#463369

That worked. Thank you very much!

[Kris Small Friend Kris SmallJoin date: January 2014Posts: 54Downloads:0Uploads:6 Thanks: 19 Thanked: 2 times in 1 posts]

#464214

<em>@Sherlock Holmes 333009 wrote:</em><blockquote>Hi ksmall24,

You can open the file of templates/your_template/css/template.css and adding this css

div.moduletable_world{
height:359px;
}
</blockquote>

Hi Sherlock,

I always develop in Firefox, but I recently realized that this issue is still there in IE and Chrome. I added width: 315px to the css but it didn’t resolve the issue. Do you have any idea what might correct this?

Thanks!

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

#464242

Hi ksmall24,

You can go to back-end of the module titled Stateside Cartoon, and in the field of Module Class Suffix you enter class suffix, For example you enter there _test, now that module has a class suffix of moduletable_test so you open the file templates/your_template/css/template.css and add this css rule

div.moduletable_test{
height:359px !important;
}

I hope this should help !

1 user says Thank You to Sherlock for this useful post

1. Kris Small

[Kris Small Friend Kris SmallJoin date: January 2014Posts: 54Downloads:0Uploads:6 Thanks: 19 Thanked: 2 times in 1 posts]

#464326

Sherlock,

This did the trick. Can you explain why this occurs so that I may be able to troubleshoot it myself and save you some time in the future, please?

Thanks again!

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

#464365

Hi ksmall24,

Those modules have a style rule of float:left so They can be displayed side by side if there is enough space for them, this would also need these modules to have same height 🙂

[Kris Small Friend Kris SmallJoin date: January 2014Posts: 54Downloads:0Uploads:6 Thanks: 19 Thanked: 2 times in 1 posts]

#464575

<em>@Sherlock Holmes 334616 wrote:</em><blockquote>Hi ksmall24,

Those modules have a style rule of float:left so They can be displayed side by side if there is enough space for them, this would also need these modules to have same height :)</blockquote>

So is 359px a pre-defined height for the modules or is the height spacing totally arbitrary?

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

#464667

It’s a pre-defined height for the modules 🙂

[Author]

Posts