Joomla Templates Club 406,261 posts

[andrewawad Friend andrewawadJoin date: March 2009Posts: 24Downloads:3Uploads:5 Thanks: 11 Thanked: 1 times in 1 posts]

#168188

Hi there,

My site is http://vitalfewllc.com/new/ I would like to have 6 modules in the (user4 and user 5 area)
In another meaning I want this area to hold 6 boxes with info in it. Also I have attached a pic to the way I want this module to look like. How I can place 6 module there and How I can change the color/borders?

Thanks for your help.

---

Attachments:

1. 

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

#410760

Can you do a screenshot showing exactly where you want them and how you want them layed out?

We could change that block to contain 6 modules side by site all of the same width.

That could be done in the template manager. Go to the layouts tab and edit the default layout (Assuming that is the one you are using) find the line be below

<block name="botsl1" type="spotlight" >user4,user5</block>


and replace with

<block name="botsl1" type="spotlight" >user4,user41,user42,user43,user44,user45</block>


That will give you the new user position use41, user42, user43, user44, and user45 and will remove the user5 position.

You will now have 6 boxes of equal width in the botsl1 block which you can do with what you please. You will then just have to style them to your needs.

1 user says Thank You to Phill for this useful post

1. andrewawad

[andrewawad Friend andrewawadJoin date: March 2009Posts: 24Downloads:3Uploads:5 Thanks: 11 Thanked: 1 times in 1 posts]

#410774

Thanks for your help. I did change the code as you advised. but now the 6 modules are not fixed width and not side by side. please take a look at http://vitalfewllc.com/new/ and let me know. attached is an image of what I have in mind? also if you can let me know how I can habe the same look too. black borders and purple color behind the title.

thanks a lot

---

Attachments:

1. 

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

#410780

OK, it seems someone has used some css to fix the widths of the module on the left. We can simply remove the following code from template.css First thing to do would be to go into the template manager and set css optimization to “No” and enable development mode. Then clear the JAT3 Cache so I can see the correct code to edit for you.

This is the bit in template.css that is setting the width of the first module to be so wide. Removing that will be a start.

#ja-botsl1 .ja-box-left {
width: 63% !important;

}

and this

#ja-botsl1 .ja-box-right {
width: 33% !important;

}

And will give you 6 equal width module positions.

1 user says Thank You to Phill for this useful post

1. andrewawad

[andrewawad Friend andrewawadJoin date: March 2009Posts: 24Downloads:3Uploads:5 Thanks: 11 Thanked: 1 times in 1 posts]

#410870

Hi Phill,

Thanks a lot, It did work great. Another question..I would like to change the color in those 6 module to be to the color in the attached image below. How/Where I can do those change?

Also on http://vitalfewllc.com/new/index.php/about-vitafew/team about us page I would like to change the color in the right menu to the same look attached

thanks

---

Attachments:

1. 
2. 

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

#410903

Best bet for both of those is to create a custom module suffix. You will need to add your css to the end of template.css

Have you ever tried creating custom suffix classes before? There are plenty of tips and tutorials that can be found via Google.

[andrewawad Friend andrewawadJoin date: March 2009Posts: 24Downloads:3Uploads:5 Thanks: 11 Thanked: 1 times in 1 posts]

#410954

Hi Phill,

No this is will be the first time for me to create custom module suffix / classes. would u please recommend some links for me?

Thanks a lot

[Author]

Posts