Joomla Templates Club 406,261 posts

[Axleuk Friend AxleukJoin date: June 2006Posts: 7Downloads:0Uploads:2 Thanks: 2]

#163225

Hi Folks,

I am hoping you can help me. For some reason the main sidebar menu has slipped under the front page content. I have tried looking at the code as I think it is a float issue but my lack of knowledge is showing and I can’t seem to figure it out.

Would it be possible for someone to take a look for me and make some suggestions. I appreciate any and all help on this matter.

Site: http://www.jaylenschallenge.org

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#388225

Hi,

If you make following changes in your templates/ja_opal/css/template.css the column will be shifted to right of the main content area.

Changes in <blockquote>#ja-mainbody {
background-color:#FFFFFF;
float: left;
margin: 0;
width: 100%;
}</blockquote>

Change width from 67% to 100%
If you want the yellow background for right column remove background-color:#FFFFFF; from .ja-mainbody

Find <blockquote>#ja-colwrap {
float: right;
width: 310px;
} </blockquote>in the template.css and change width to 308px;

Save template.css and open templates/ja_opal/css/colors/yellow.css and find <blockquote>#ja-current-content {
background-color: #FFFFFF;
margin: 0 0 0 5px;
padding: 0 5px 5px 0;
} </blockquote>replace it with <blockquote>#ja-current-content {
background-color: #FFFFFF;
float: left;
margin: 0 0 0 5px;
padding: 0 5px 5px 0;
width: 66%;
}</blockquote>

1 user says Thank You to himangi for this useful post

1. Axleuk

[Axleuk Friend AxleukJoin date: June 2006Posts: 7Downloads:0Uploads:2 Thanks: 2]

#388339

Hi Himangi,

Thanks for the awesome speed in which you responded and for the help. The menu is now in it’s correct place but there is a slight problem. When I click on one of the menu links it drops down again.

Many Thanks
Paul

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#388343

Hi,

The problem is occurring due to the code problem. It does not seem to be same for home page and other pages.. For home page <div> tag is closing after including right column where as for other pages <div> is getting closed before right column.. Which template are you using? And can you send me admin access to site via PM?

[Axleuk Friend AxleukJoin date: June 2006Posts: 7Downloads:0Uploads:2 Thanks: 2]

#388351

PM sent. TY

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#388354

Hi,

Please check PM. The access you sent was administrator level, I need super admin access to check template..

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#388471

Hi,

The problem is solved. The ‘LIFTED’ Red Carpet Movie Premier article had div tags which were causing to change the template layout.. I have removed the tags from article and reverted template.css
I could not see yellow.css from admin, so you will need to edit templates/ja_opal/css/colors/yellow.css and find
<blockquote>#ja-current-content {
background-color: #FFFFFF;
float: left;
margin: 0 0 0 5px;
padding: 0 5px 5px 0;
width: 66%;
}</blockquote>

replace it with<blockquote>#ja-current-content {
background-color: #FFFFFF;
margin: 0 0 0 5px;
padding: 0 5px 5px 0;
}</blockquote> to spread the main content till right column..

[Author]

Posts