Joomla Templates Club 406,261 posts

[Sami Mattila Friend Sami MattilaJoin date: September 2014Posts: 36Downloads:0Uploads:4 Thanks: 2 Thanked: 1 times in 1 posts]

#161660

I would like to get left-main-right module layout, but if not possible then I’d like to just hide the right-module layout position. If right-modules are hidden the template leaves a space in between left and main areas.

See the sample:

http://alder.www1.ic-demo.info/

It is a bit that the template does not have the most popular classical layout style left-main-right and if left empty then alignment would fill the empty space. But if the right module space can be filled with the content that would be enough. Please let me know how to do it!

Any ideas how to fix this?

Amy

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

#382308

Please provide us a screenshot

[Sami Mattila Friend Sami MattilaJoin date: September 2014Posts: 36Downloads:0Uploads:4 Thanks: 2 Thanked: 1 times in 1 posts]

#384199

Hello Chavan,

attached a picture of what I mean. I have used only the left module-place and main-area. Right module-place is empty and white area at the moment. I would like the left and main be align together without the the empty white space.

Best would be ofcause to have the left-main-right as the layout style, but if that is not possible then just left-main (without the white space in between) would be good also. Please help how to accomplish that!

Best Regards,
Amy
🙂

---

Attachments:

1. 

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

#384282

<em>@icinfo 231368 wrote:</em><blockquote>Hello Chavan,

attached a picture of what I mean. I have used only the left module-place and main-area. Right module-place is empty and white area at the moment. I would like the left and main be align together without the the empty white space.

Best would be ofcause to have the left-main-right as the layout style, but if that is not possible then just left-main (without the white space in between) would be good also. Please help how to accomplish that!

Best Regards,
Amy
:)</blockquote>

<em>@icinfo 231368 wrote:</em><blockquote>Hello Chavan,

attached a picture of what I mean. I have used only the left module-place and main-area. Right module-place is empty and white area at the moment. I would like the left and main be align together without the the empty white space.

Best would be ofcause to have the left-main-right as the layout style, but if that is not possible then just left-main (without the white space in between) would be good also. Please help how to accomplish that!

Best Regards,
Amy
:)</blockquote>

The Left and the right column in the in the website has the width of 40%
The Main Content has the width of 60%

Left column : http://alder.www1.ic-demo.info/

Right Column: http://alder.www1.ic-demo.info/index.php?option=com_content&view=article&id=318:consequat-id-nam-augue&catid=81:europe&Itemid=458

If you increase or decrease the main column width it will affect in both the column layout and as well as if your site has three column that will have changes on this. So we need to mutually increase or decrease the Width size for Left, right and main column

CSS Code Solution:

File Path: plugins/system/jat3/base-themes/default/css/layout.css

ADD this code at the End of the Layout.css File


#ja-main {
width:75% !important;
}


ADD this code at the End of the Layout.css File


#ja-left{
width:25% !important;
}


Replace this Code


#ja-right{
float:right;
}


With


#ja-right{
float:right;
width:25% !important;
}


[Sami Mattila Friend Sami MattilaJoin date: September 2014Posts: 36Downloads:0Uploads:4 Thanks: 2 Thanked: 1 times in 1 posts]

#384723

Hi,

thank you for the info. I tried those changes and now the main-column is a bit wider which is good. But still the right-module-place is visible and white space. Left module-place is smaller than 25% (left and right are both 25% so I guess left is now 12,5%). How can I hide the white area (right-module-place) all together so that I only have left-main?

Greetings,
Amy

---

Attachments:

1. 

[Sami Mattila Friend Sami MattilaJoin date: September 2014Posts: 36Downloads:0Uploads:4 Thanks: 2 Thanked: 1 times in 1 posts]

#384790

Something strange going on! On new frontpage the left-module shows as 25% and right not showing, but the main-content is totally missing. But on other pages the left module is only half of that correct module-area and contents are showing fine.

I have home chosen as default menuitem, but Show Frontpage articles menuitem is not showing any frontpage articles (which I have several).

Amy

---

Attachments:

1. 

[Sami Mattila Friend Sami MattilaJoin date: September 2014Posts: 36Downloads:0Uploads:4 Thanks: 2 Thanked: 1 times in 1 posts]

#384795

It seemed to have some fonflict with JATabs. When I disabled all JATabs the left module is now 25% and next to it is Main area.

http://alder.www1.ic-demo.info/

Amy

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

#384796

<em>@icinfo 232174 wrote:</em><blockquote>Something strange going on! On new frontpage the left-module shows as 25% and right not showing, but the main-content is totally missing. But on other pages the left module is only half of that correct module-area and contents are showing fine.

I have home chosen as default menuitem, but Show Frontpage articles menuitem is not showing any frontpage articles (which I have several).

Amy</blockquote>

what else issue you have?

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

#384797

<em>@icinfo 232088 wrote:</em><blockquote>Hi,

thank you for the info. I tried those changes and now the main-column is a bit wider which is good. But still the right-module-place is visible and white space. Left module-place is smaller than 25% (left and right are both 25% so I guess left is now 12,5%). How can I hide the white area (right-module-place) all together so that I only have left-main?

Greetings,
Amy</blockquote>

While I were scrolling your site i saw a css conflict in the url

http://alder.www1.ic-demo.info/index.php?option=com_content&view=article&id=318:consequat-id-nam-augue&catid=81:europe&Itemid=458

CSS Code Solution:

File Path: plugins/system/jat3/base-themes/default/css/layout.css

ADD this code at the End of the Layout.css File


#ja-mainbody {
float: left;
}


With


#ja-mainbody {
float: left;
width:75% !important;
}


[Sami Mattila Friend Sami MattilaJoin date: September 2014Posts: 36Downloads:0Uploads:4 Thanks: 2 Thanked: 1 times in 1 posts]

#385114

Hi,

I did that and now the white-space is on the right side of the template. Have a look:

http://alder.www1.ic-demo.info/

Also already the first change hid the borders for the mainarea and left-module-area. There should be borders for both areas, now there is no borders between these two areas. How do I get the broders back?

http://alder.www1.ic-demo.info/

Thanks!

Amy

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

#385140

File Path: plugins/system/jat3/base-themes/default/css/layout.css

remove the following code from the Layout.css File


#ja-mainbody {
float: left;
width:75% !important;
}


[Sami Mattila Friend Sami MattilaJoin date: September 2014Posts: 36Downloads:0Uploads:4 Thanks: 2 Thanked: 1 times in 1 posts]

#385426

Hi,

that did it thanks! http://alder.www1.ic-demo.info/
How do I get the line (border) back to between left-modulearea and main-content area?

Thanks for the help!

Amy

[thangnn1510 Friend thangnn1510Join date: October 2014Posts: 1608Downloads:0Uploads:80 Thanks: 73 Thanked: 278 times in 256 posts]

#385493

<em>@icinfo 232999 wrote:</em><blockquote>Hi,

that did it thanks! http://alder.www1.ic-demo.info/
How do I get the line (border) back to between left-modulearea and main-content area?

Thanks for the help!

Amy</blockquote>
Please add this code:

#ja-main {
width: 74% !important;
border-left:1px solid #DDD;
}

into templates/ja_teline_iii_v2/css/template.css

[Sami Mattila Friend Sami MattilaJoin date: September 2014Posts: 36Downloads:0Uploads:4 Thanks: 2 Thanked: 1 times in 1 posts]

#387034

Thank you! That did it! 😀

Amy

[Sami Mattila Friend Sami MattilaJoin date: September 2014Posts: 36Downloads:0Uploads:4 Thanks: 2 Thanked: 1 times in 1 posts]

#390118

Hi,

this is starting to be what we want, but is is still possible with the template to have full width content area for those pages where there is no left-modules published?

Have a look:
http://alder.www1.ic-demo.info/

If now left modules published the hole left area is empty. We plan to do an intro to the first page with full-width images and text by using ready Slide-show extension. Now it is not possible to do full width with this template due to left-area being 25% of the width all the time.

Amy

[Author]

Posts