Notice

The forum is in read only mode.

Support Forum

Welcome! Support Forums have been reactivated

How to change background color of 1 button in the main menu?

9 years 9 months ago
  • pedro's Avatar
    Topic Author
  • pedro
  • Offline
  • Fresh Boarder
  • Posts: 66
  • Thank you received: 1
Licenses:
JomSocial Expired Socialize Expired

Which class do I have to fill in to change the background color of 1 menu item? I want 1 button te be green.

Thanks.

9 years 9 months ago
Licenses:

Hi, Pedro.

In your case - as you use Mega menu and not Joomla! menu module - menu items don't have unique classes.
So the only option is point them with css using nth-child() selector:

www.w3schools.com/cssref/sel_nth-child.asp

So in your case it may be:

.t3-megamenu .navbar-nav li:nth-child(2) {
    background: #ff0000;
}

Above code should change background for second menu item.

- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you
9 years 9 months ago
  • pedro's Avatar
    Topic Author
  • pedro
  • Offline
  • Fresh Boarder
  • Posts: 66
  • Thank you received: 1
Licenses:
JomSocial Expired Socialize Expired

Thanks, Where do I add this? File and line numeber?

9 years 9 months ago
Licenses:

Hi, Pedro.

Add it here: ROOT/templates/socialize/css/custom.css (if you don't have custom.css - feel free to create it)

- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you
The following user(s) said Thank You: pedro
9 years 9 months ago
  • pedro's Avatar
    Topic Author
  • pedro
  • Offline
  • Fresh Boarder
  • Posts: 66
  • Thank you received: 1
Licenses:
JomSocial Expired Socialize Expired

Thanks, that is working! which code do I need for the hover of the button?

9 years 9 months ago
Licenses:

HI, Pedro.

.t3-megamenu .navbar-nav li:hover:nth-child(2) {
    background: #ff0000;
}

stackoverflow.com/questions/19064592/how...using-css2-selectors

Please, note that your question doesn't apply to Socialize but rather to css/html usage.

- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you
The following user(s) said Thank You: pedro
9 years 9 months ago
  • pedro's Avatar
    Topic Author
  • pedro
  • Offline
  • Fresh Boarder
  • Posts: 66
  • Thank you received: 1
Licenses:
JomSocial Expired Socialize Expired

Sorry for asking another quetsion :)

And for the mobile version?

Thanks!!

9 years 9 months ago
Licenses:

Hi, Pedro.

It should be the same code... but you may need to add this code under break points:
stackoverflow.com/questions/16443380/com...queries-break-points

- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you
The following user(s) said Thank You: pedro
Moderators: Piotr Garasiński
Powered by Kunena Forum

Join 180,000 websites creating Amazing communities

JomSocial is the most complete, easy-to-use addon that turns Joomla CMS into a
full -fledged, social networking site

TRY NOW BUY NOW

About Us

Our product

Support

Contact Us

Site Policies

Elsewhere

© JomSocial.com All Rights Reserved