Joomla Templates Club 406,261 posts

[falcone Friend falconeJoin date: September 2013Posts: 70Downloads:1Uploads:58 Thanks: 25 Thanked: 3 times in 1 posts]

#197674

Hi

I’ve made some new modules for user1, user2 & user3 positions. The modules are 250 pxls wide.

How can I change the width of the positions so the modules are evenly spaced?

Also how can I change the height of the background?

Thanks in advance.

---

Attachments:

1. 
2. 

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

#534684

So that we can try to best assist you, please provide the url of the site you’re working on,
as well as temporarily set “Optimize CSS” to “No/Off” within your Template Manager–General settings

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#534686

please post your Site Url and admin details in PM

[falcone Friend falconeJoin date: September 2013Posts: 70Downloads:1Uploads:58 Thanks: 25 Thanked: 3 times in 1 posts]

#534693

Thanks Tom

Optimize CSS is set to ‘No’

and the site is here

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#534701

Go to this file: /manorpark/templates/ja_community_plus/css/template.css

For Left:

.ja-box.column.ja-box-left {
width: 300px !important;
}

For Center:

.ja-box.column.ja-box-center {
width: 300px !important;
}

For Right:

.ja-box.column.ja-box-right {
width: 300px !important;
}

2 users say Thank You to chavan for this useful post

1. TomC
2. falcone

[falcone Friend falconeJoin date: September 2013Posts: 70Downloads:1Uploads:58 Thanks: 25 Thanked: 3 times in 1 posts]

#534848

Thanks for the advice.

I added the code and that changed the display. However, the modules were still not evenly spaced. So I resized the images to 300pxls wide…..still not evenly spaced. Resized to 290pxls wide and still not evenly spaced. That’s how I’ve left it for now.

Would I be better off tinkering with the code rather than keep resizing and uploading images?

Also, I’d be very grateful for any suggestions for changing the height of the background.

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

#534892

<em>@falcone 426885 wrote:</em><blockquote>
Also, I’d be very grateful for any suggestions for changing the height of the background.</blockquote>

The height of which background ??

[falcone Friend falconeJoin date: September 2013Posts: 70Downloads:1Uploads:58 Thanks: 25 Thanked: 3 times in 1 posts]

#534922

Sorry Tom.

It’s in the 2nd screenshot of my first post in this thread.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#535065

For increasing the even height you can do this.

Go to this File: /templates/ja_community_plus/css/template.css

Replace this code


#ja-topsl .main { background: url(../images/topsl-bg1.gif) repeat-x left bottom #e7e6e1 ; border-bottom: 1px solid #928f85 ; color: #70635b ; padding: 10px 0 20px; }

with


#ja-topsl .main { background: url(../images/topsl-bg1.gif) repeat-x left bottom #e7e6e1 ; border-bottom: 1px solid #928f85 ; color: #70635b ; padding: 20px 0; }

1 user says Thank You to chavan for this useful post

1. falcone

[falcone Friend falconeJoin date: September 2013Posts: 70Downloads:1Uploads:58 Thanks: 25 Thanked: 3 times in 1 posts]

#535111

Many thanks Chavan

That did the trick. I wanted to reduce the height so just fiddled with the number of pxls.

As for the module spacing, I changed the code to:

.ja-box.column.ja-box-left { width: 315px !important;}

.ja-box.column.ja-box-center { width: 290px !important;}

.ja-box.column.ja-box-right { width: 290px !important;}

Seems ok now 🙂

[Author]

Posts