Joomla Templates Club 406,261 posts

[joomlatv Friend joomlatvJoin date: March 2008Posts: 26Downloads:0Uploads:2 Thanks: 3]

#131240

I hope one of the template maker replies .

I need two changes in JA DRAVITY

1) Module position of menu is on right , I want to shift it on left .

2) Template is centered ( there’s space on left ) . I want to remove that space .

I appreciate your help.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#261935

Hi joomlatv !
About question #1 :
You can do it following way below:
Open template.css file in templates/ja_dravity/css folder, find following code section at bout line 525:


#ja-content {
clear:both;
display:block;
float:left;
width:59%;
}


change to :


#ja-content {
clear:both;
display:block;
float:right;
width:59%;
}


then continue to find following code section at about line 538 :


#ja-colwrap {
color:#999999;
float:right;
overflow:hidden;
width:40%;
}


change to :


#ja-colwrap {
color:#999999;
float:left;
overflow:hidden;
width:40%;
}


1 user says Thank You to Sherlock for this useful post

1. joomlatv

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#261936

About question #2 :
Do you want move all layout to left ?

[joomlatv Friend joomlatvJoin date: March 2008Posts: 26Downloads:0Uploads:2 Thanks: 3]

#262030

Helo hainn84,

Yes I want to move whole layout to the left ( left column , middle column , right column)

Moreover , Can you tell me how can I change the menu so that When my mouse hovers over the menu items , the menu expands on right side of the parent item ( and not under the parent item ) .

Looking forward
Thank you

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#262202

about move template to left you can do it following way :
Open template.css file in templates/ja_dravity/css folder , add following line code :


float:left;


to css code of #ja-headerwrap, #ja-mainnavwrap , #ja-containerwrap, #ja-botslwrap, #ja-footerwrap code

1 user says Thank You to Sherlock for this useful post

1. joomlatv

[joomlatv Friend joomlatvJoin date: March 2008Posts: 26Downloads:0Uploads:2 Thanks: 3]

#262351

This works fine .
However , Now the right column has moved on to left as well

Desired layout is :
Left column(menu) , middle column (content ) , right column ( ads , etc )

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#262370

Hi joomlatv !
Please send url of your site.

[joomlatv Friend joomlatvJoin date: March 2008Posts: 26Downloads:0Uploads:2 Thanks: 3]

#262483

helo hainn84 ,

I tried moving to the left by adding float : left ; to the above mentioned IDs , it works fine with firefox , however in internet explorer the content is still in the middle .

Navigation bar / footer/spotlight move to the left but content stays in middle .

kindly help

[joomlatv Friend joomlatvJoin date: March 2008Posts: 26Downloads:0Uploads:2 Thanks: 3]

#262499

problem solved .
thank you

[leonardcraciun Friend leonardcraciunJoin date: April 2011Posts: 88Downloads:20Uploads:34 Thanks: 12]

#396388

hello,
I intend to do this:
Left column(menu) , middle column (content ) , right column ( ads , etc ).
Following the sollution above you are able just to move the menu and ads together in the left and content in the right this because menu and ads are holded by another ja-colwrap.
What to do in order ads to be moved into the right?
Thank you and hopefully somebody is going to replay me.

[Author]

Posts