Joomla Templates Club 406,261 posts

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#202862

In preparation of the upgrade of my site from Joomla 2.5.27 to 3.3.6, I’ve just upgraded the template from the old JA T3 version to the new T3 version.

Unfortunately the left sidebar (position ‘sidebar-1’) narrows the main content too much.

http://awesomescreenshot.com/0823vfa9e3

I would like to widen the width of the page or at least narrow the “sidebar-1” module position, or both. Is that possible and how?

The main content area must be wide enough to fit the hundreds of videos stored on the site and embedded into Joomla content.

http://therebel.org/en/jim-stone/812506-the-isis-beheading-of-peter-kassig

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#555687

You can try with my tweak as below:
– Go to PHP file: templatesja_university_t3tplsblocksmainbodytwo-sidebar.php and change the grid to this: http://prntscr.com/57uyre

– Open CSS file: templatesja_university_t3csscustom.css and add this rule:

@media (min-width: 992px) {
.t3-mainbody .t3-content {
left: 17% !important;
}
.t3-mainbody .t3-sidebar.t3-sidebar-1 {
right: 58% !important;
}
}


Hope it helps.

1 user says Thank You to Saguaros for this useful post

1. Andrew Winkler

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#555698

I did this, but it’s still not right on my site.

http://awesomescreenshot.com/0cf3vl7p4f

The left sidebar is still too wide. I would like to make it about 1/3 narrower.
The main content part is wider, but doesn’t use the entire avaiable space. Instead there is a gap to the right sidebar.

The videos still don’t fit either.

http://therebel.org/en/jim-stone/812506-the-isis-beheading-of-peter-kassig

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#555729

Seems that video doesn’t work fine in responsive layout, it means that it doesn’t automatically adapt to different screen resolution.

Would you like to reduce the width of video a little bit (as its width is fixed now)? Thought that it’s better than changing the layout which will effect to other pages.

If you wanna change, add this rule (text in red):


@media (min-width: 992px) {
.t3-mainbody .t3-content {
left: 17% !important;
}
.t3-mainbody .t3-sidebar.t3-sidebar-1 {
right: 58% !important;
}

.t3-mainbody .t3-content .item-page .article-content embed {
height: 312px !important;
width: 100% !important;
}

}


1 user says Thank You to Saguaros for this useful post

1. Andrew Winkler

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#555761

This stopped the video from bleeding into the sidebar-2 area but the sidebar-1 area is still 50% too wide and there is still a huge unused gap in between the mindcontent and sidebar-2 area. See linked screenshot

http://awesomescreenshot.com/0553vng6c0

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#555823

Try to change the width as I suggested in above post:
<blockquote>
Go to PHP file: templatesja_university_t3tplsblocksmainbodytwo-sidebar.php and change the grid to this: http://prntscr.com/57uyre
</blockquote>

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#555886

That worked beautifully.

[Author]

Posts