Joomla Templates Club 406,261 posts

[robnob Friend robnobJoin date: October 2011Posts: 104Downloads:0Uploads:16 Thanks: 18 Thanked: 2 times in 1 posts]

#176293

Please see the attached picture…

I am looking to change the menu’s background color from being transparent to white (#ffffff)
In the process of trying to edit the CSS file (templates/ja_methy/css/menu/mega.css) i somehow added these small boxes in the drop down.

May someone help point me how to get rid of the small boxes and add a white background to the menus top ?
Thank you!

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#449143

<em>@robnob 314776 wrote:</em><blockquote>

Please see the attached picture…

I am looking to change the menu’s background color from being transparent to white (#ffffff)
In the process of trying to edit the CSS file (templates/ja_methy/css/menu/mega.css) i somehow added these small boxes in the drop down.

May someone help point me how to get rid of the small boxes and add a white background to the menus top ?
Thank you!</blockquote>
You go to Template manager,choose JA Methys template, then change CSS Optomize fieds to NO, so I can check how and where to customize for you.
Could you give me a link to your page as you said?

[robnob Friend robnobJoin date: October 2011Posts: 104Downloads:0Uploads:16 Thanks: 18 Thanked: 2 times in 1 posts]

#449145

I have CSS Optimize off.

The page is here.

Thanks

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#449147

<em>@robnob 314787 wrote:</em><blockquote>I have CSS Optimize off.

The page is here.

Thanks</blockquote>
– You replace this code from /templates/ja_methys/css/menu/mega.css

li.haschild-over a.mega span.menu-title {
background-image: url(../../images/arrow-down-02.png);
}
with

li.haschild-over a.mega span.menu-title {
background-image: none;
}
– You find this code from /templates/ja_methys/css/template.css

#ja-mainnav {
position: absolute;
right: 5em;
top: 100px;
border-top: 1px solid #E5E5E5;
border-bottom: 5px solid #111;
z-index: 999;
background: white; < add this line
}

1 user says Thank You to khoand for this useful post

1. robnob

[robnob Friend robnobJoin date: October 2011Posts: 104Downloads:0Uploads:16 Thanks: 18 Thanked: 2 times in 1 posts]

#449162

Wow – worked like a charm “THANKS”

If you have additional time (i am a CSS Noobie – trying to learn it)
Do you know how to set a margin to the left of the far left menu item (HOME) – so it’s not right at the edge of the white background? and;
Do you know how to center my K2 login module on the LOGIN menu? (my assumption is that i have to set a margin to the left of module)

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#449168

<em>@robnob 314805 wrote:</em><blockquote>Wow – worked like a charm “THANKS”

If you have additional time (i am a CSS Noobie – trying to learn it)
Do you know how to set a margin to the left of the far left menu item (HOME) – so it’s not right at the edge of the white background? and;
Do you know how to center my K2 login module on the LOGIN menu? (my assumption is that i have to set a margin to the left of module)</blockquote>
You give me a snapshot with your comment to illustrate your idea. I will help you.

[robnob Friend robnobJoin date: October 2011Posts: 104Downloads:0Uploads:16 Thanks: 18 Thanked: 2 times in 1 posts]

#449183

Thanks in advance… These actually may be pretty easy (or atleast the 1st one)

Do you know how to set a margin to the left of the far left menu item (HOME) – so it’s not right at the edge of the white background? and;

Do you know how to center my K2 login module on the LOGIN menu? (my assumption is that i have to set a margin to the left of module)

---

Attachments:

1. 
2. 

[robnob Friend robnobJoin date: October 2011Posts: 104Downloads:0Uploads:16 Thanks: 18 Thanked: 2 times in 1 posts]

#449980

I was able to fix the first part of the question by adding margin-left… but i still can’t figure out the K2 user module…
Any ideas?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#449988

<em>@robnob 315807 wrote:</em><blockquote>I was able to fix the first part of the question by adding margin-left… but i still can’t figure out the K2 user module…
Any ideas?</blockquote>
You add the code into /templates/your_template/css/template.css

div.k2LoginBlock {
padding-left: 20px;
}

1 user says Thank You to khoand for this useful post

1. robnob

[robnob Friend robnobJoin date: October 2011Posts: 104Downloads:0Uploads:16 Thanks: 18 Thanked: 2 times in 1 posts]

#449995

Fantastic! I need to do my homework and learn more CSS. Thank you.

[robnob Friend robnobJoin date: October 2011Posts: 104Downloads:0Uploads:16 Thanks: 18 Thanked: 2 times in 1 posts]

#450021

Khoand it works perfect for the login module but it doesnt work once you’ve actually logged in. It goes back. any ideas?

<em>@khoand 315815 wrote:</em><blockquote>You add the code into /templates/your_template/css/template.css

div.k2LoginBlock {
padding-left: 20px;
}
</blockquote>

[Author]

Posts