Joomla Templates Club 406,261 posts

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#168771

Hello, I would reduce the width of my sidebar.
See screenshot in attachment for more understanding.

How can I do this?

Thank you in advance.

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413963

Hi,
Could you give me a link to your page as you said?

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#413976

Hello,

I just PM you with a example.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#414063

Sorry…..You give me to this link http://www.joomlart.com/forums/topic/how-to-reduce-the-width-of-the-left-menu-hello-i-would-reduce-the-width-of-my-side/#post-413976
– Could you give me a link to your page as you said?

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#414075

Oups…..Sorry.
I just PM you again, with the right link.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#414078

– You replace this code from /templates/ja_lime/css/template.css in the line #961

#ja-contentwrap.ja-li {
background: url(../images/dot-97d000.gif) 33% top repeat-y;
}
with

#ja-contentwrap.ja-li {
background: url(../images/dot-97d000.gif) 20% top repeat-y;
}
– You replace this code from /templates/ja_lime/css/layout.css in the line #67

.ja-ri #ja-inset2, .ja-li .ja-inset1 {
width: 33% !important;
}
with

.ja-ri #ja-inset2, .ja-li .ja-inset1 {
width: 20% !important;
}

1 user says Thank You to khoand for this useful post

1. dieudonne

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#414111

Excellent. Thank you.

But I want to use all the space available.
So how can I do that ? (See screenshot for more understanding)

Thank in advance.

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#414113

You replace this code from /templates/ja_lime/css/layout.css

.ja-ri #ja-content, .ja-li #ja-current-content {
width: 67% !important;
}
with

.ja-ri #ja-content, .ja-li #ja-current-content {
width: 80% !important;
}
– You add this code from /templates/ja_lime/css/template.css

.ja-content-main .item-page{
margin-left: -15px;
}

1 user says Thank You to khoand for this useful post

1. dieudonne

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#414120

Ok, everything is working.

Thank you very much for your help !

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#414224

You’re welcome. I’m glad about your problem is solved.

[Author]

Posts