Return to previous page

How do i change background colour of current menu items in royal theme?

This topic has 35 replies, 4 voices, and was last updated 10 years, 7 months ago ago by Eva Kemp

hdowthwaite

Participant

May 6, 2015 at 12:31

I have tried adding this code:

.menu >li.current-menu-item >a {
background-color: #02893e;
color: #ffffff;
}

but doesn’t work thanks.

#62031 Copied Theme version: royal theme

34 Answers

Brian Johnson

Member

May 6, 2015 at 12:37

Hello

Please provide us with link to your site.

With best regards
Brian Johnson

#62037 Copied

hdowthwaite

Participant

May 6, 2015 at 12:45

Hi Please, find the link in the private content below Thanks

Please, contact administrator
for this information.

#62045 Copied
Eva Kemp

Participant

May 6, 2015 at 14:06
Hello,

Please change your code to this one:

.menu > li.current-menu-item > a { background-color: white !important; color: black !important; }

Write your color values.

Regards,
Eva Kemp.
#62088 Copied
hdowthwaite

Participant

May 6, 2015 at 14:28

Hi, I tried this but it still isn’t working?

Any more suggestions?
Thanks

#62101 Copied

Robert Hall

Participant

May 6, 2015 at 14:40

Hello,

Please provide us with wp-admin access in Private Content.

Regards,
Robert Hall.

#62105 Copied

hdowthwaite

Participant

May 6, 2015 at 14:45

below

Please, contact administrator
for this information.

#62108 Copied
Brian Johnson

Member

May 6, 2015 at 14:51
Hello

Please add the code above or this one:

.menu > li.current-menu-item > a { background: white !important; color: black !important; }

Then clear your browser cache and check the issue again.

With best regards
Brian Johnson
#62111 Copied
hdowthwaite

Participant

May 6, 2015 at 15:03

Hi I tried that but still not working! Anymore ideas?

#62122 Copied

Brian Johnson

Member

May 6, 2015 at 15:11

Please provide us with screenshot or describe widely what you would like to achieve. You may use this or similar service: http://prntscr.com/.

With best regards
Brian Johnson

#62126 Copied

Robert Hall

Participant

May 6, 2015 at 15:19

Hello,

Very likely that your child theme is not working correct.
Also please provide us with FTP credentials in Private Content.

Regards,
Robert Hall.

#62132 Copied

hdowthwaite

Participant

May 6, 2015 at 15:20

Hi, I basically want the tab of the page you are on to have a white background with green text like the screenshot.

Thanks

Please, contact administrator
for this information.

#62134 Copied

hdowthwaite

Participant

May 6, 2015 at 15:23

see private content

Please, contact administrator
for this information.

#62137 Copied

Robert Hall

Participant

May 6, 2015 at 15:28

Hello,

Please check it now.

Regards,
Robert Hall.

#62140 Copied

Brian Johnson

Member

May 6, 2015 at 15:29

Hello

I have edited a bit previously added code. please check your site now.

With best regards
Brian Johnson

#62141 Copied

hdowthwaite

Participant

May 6, 2015 at 15:32

That’s awesome thank you 🙂

#62144 Copied

Robert Hall

Participant

May 6, 2015 at 15:34

You’re welcome!
If you have any questions please feel free to contact us.

Regards,
Robert Hall.

#62146 Copied

hdowthwaite

Participant

May 6, 2015 at 15:52

It seems to have messed a few things up? on the sticky menu the search icon has dropped and the menu has moved up and my horizontal rule doesn’t seem right? Do you know what you deleted?

Thanks

#62154 Copied
Brian Johnson

Member

May 6, 2015 at 16:08
Hello

We have just added that code. You may use this 2 lines to restore alignment:

.fixed-header .navbar-collapse.collapse{display:table-cell!important;} .fixed-header .navbar-header{padding-top:20px}

Please describe or provide us with picture of how it should look.

With best regards
Brian Johnson
#62165 Copied
hdowthwaite

Participant

May 6, 2015 at 16:29

Hi, That worked for the menu, but the a:hover isn’t working on my style sheet now that was before, it’s just showing the boostrap one. Also all links have underlines on hover which wernt there before. plus this screen shot http://prntscr.com/727g6w shows the boxes arn’t lining up at the bottom which they were before. It is something to do with hr, as it seems to close to the type underneath than before.

Thanks.

#62178 Copied

hdowthwaite

Participant

May 6, 2015 at 17:21

Any luck?
Thanks

#62194 Copied

Eva Kemp

Participant

May 6, 2015 at 19:21

Hello,

Sorry, but your query is a bit unclear.
Please show a screenshot what the problem is with a:hover?
Also give a page link where boxes aren’t lining up.

Thank you.
Regards,
Eva Kemp.

#62228 Copied

hdowthwaite

Participant

May 6, 2015 at 19:32

Sorry, I have this code in my style sheet which was showing up before

a {
text-decoration: none !important;
-webkit-transition: color .25s ease;
-moz-transition: color .25s ease;
-o-transition: color .25s ease;
-ms-transition: color .25s ease;
transition: color .25s ease;
color: #5cb3cc ;
cursor: pointer;
font-weight: bold;
}

a:hover {
color: #02893e ;
font-weight: bold;
}

but now it doesn’t register and only registers the deafult css from boostrap.min.css which is a {
color: #428bca;

I have work around for the boxes so just need the above sorting if possible?

Thanks

#62234 Copied

Eva Kemp

Participant

May 6, 2015 at 19:41

Hello,

Could you please show a page link where that doesn’t take effect?

Thank you.
Regards,
Eva Kemp.

#62239 Copied

hdowthwaite

Participant

May 6, 2015 at 19:44

yes below

Please, contact administrator
for this information.

#62242 Copied

hdowthwaite

Participant

May 6, 2015 at 20:14

I don’t know if your looking into this but the site is now coming up with the funny loading when you click a link in the nav which is on your demo page.

Please, contact administrator
for this information.

#62258 Copied

hdowthwaite

Participant

May 6, 2015 at 21:04

Also, the mobile menu isn’t displaying correctly either, please can you advise on this and the above 2 points.

Thanks

#62267 Copied

Eva Kemp

Participant

May 7, 2015 at 08:49

Hello,

The problem is in your modifications in the child theme.
If you activate parent theme mobile menu works fine.
So you should check your own customizations that you made in the child theme.

Thank you.
Regards,
Eva Kemp.

#62322 Copied

hdowthwaite

Participant

May 7, 2015 at 11:26

Hi, I have deleted this code:

.fixed-header .navbar-collapse.collapse{display:table-cell!important;}
.fixed-header .navbar-header{padding-top:20px}

which you told me to add, because the sticky menu isn’t displaying correctly. Please see this screenshot http://prntscr.com/72hyw4

Also, when I click a page tab the page goes black and 100% text comes up, which is similar to your demo page, please can you look into this. Page link is below.

Thanks

Please, contact administrator
for this information.

#62376 Copied

hdowthwaite

Participant

May 7, 2015 at 13:32

Hi Please can you let me know if the below is being sorted, as I need this resolving asap. I am beginning to wish I didn’t ask for help in first place as this has led to so many other issues and initially all I wanted was a tab to change colour.

Earlier message:
Hi, I have deleted this code:

.fixed-header .navbar-collapse.collapse{display:table-cell!important;}
.fixed-header .navbar-header{padding-top:20px}

which you told me to add, because the sticky menu isn’t displaying correctly. Please see this screenshot http://prntscr.com/72hyw4

Also, when I click a page tab the page goes black and 100% text comes up, which is similar to your demo page, please can you look into this. Page link is below.

Thanks

Please, contact administrator
for this information.

#62414 Copied
1 2 →

Viewing 30 results - 1 through 30 (of 35 total)

The issue related to '‘How do i change background colour of current menu items in royal theme?’' has been successfully resolved, and the topic is now closed for further responses

How do i change background colour of current menu items in royal theme?

Explore our best WordPress WooCommerce Themes collection