Joomla Templates Club 406,261 posts

[poppycards Friend poppycardsJoin date: May 2008Posts: 14Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#128383

I have two questions on the Villadi template:

1. How can I re-align the top horizontal menu to be right-aligned instead of left-aligned?

2. How can I change the background color of the User 1,2 and top module positions?

thanks!

Mike

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

#248430

Hi poppycards !
About question #1 :
What menu type do you use ? you can align menu to right by way : edit code of css file of menu.
example if you use splitmenu you open ja.splitmenu.css file in templates/ja_menus/ja_splitmenu folder , find code section at about line 12 :


#ja-splitmenu {
margin:0pt;
padding:0pt 0pt 0pt 10px;
}

change into :


#ja-splitmenu {
float:right;
margin:0pt;
padding:0pt 0pt 0pt 10px;
}


About question #2 change the background color of user1,2 and top module :
You must edit topsl-bg.jpg images in templates/ja_villadi/images folder , this is background image for user1, 2 and top module .

[poppycards Friend poppycardsJoin date: May 2008Posts: 14Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#248438

Thank you hainn84. I was able to change the alignment for all of the menus except for the Transmenu. Can you tell me how to accomplish this?

Also, when making the change for the Script Dropline menu type, it added some extra vertical spacing when adding this code:

#jasdl-mainnav {
float:right;
padding-left: 10px;

If I could ask one additional unrelated question: Could you tell me how to separate the left column position of the template into its own column separate from the main body?

thank you very much for your help. It’s very much appreciated.

Mike

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

#248447

With transmenu you open ja.transmenuh.css file in templates/ja_villadi/ja_menus/ja_transmenu folder find following code section :


#ja-transmenu {
margin:0pt;
padding:0pt;
}


change into :


#ja-transmenu {
float:right;
margin:0pt;
padding:0pt;
}


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

#248448

about Script Dropline menu type , i have try do following you say , but don’t show problem , You can print screen and send link of your site (with Script Dropline menu type) i will check it for you !

[Author]

Posts