Monitor Reply

Support

Color

Permalink Browser Info Environment October 09, 2017 at 9:28 AM

Hello

I have another two questions:

- How can I change the background-color from the submenu mouseover-effect from white to brown?

- How can I change the background-color from the main menu in the smartphone-view from white to brown?

Thank you for your support.

Kind regards
Enrico

Type:	Ticket
Status:	Archived

corywebb replied on Oct 9, 2017 at 12:25 pm Permalink Reply

Hi emr,

For both of these, you'll need to add custom CSS in the customizer. Here is a good tutorial for using the customizer:https://www.youtube.com/watch?v=4WwJimPplEk... . The "Custom CSS" option is at the very bottom of the customizer.

For the first question, are you trying to change the whole drop-down to a brown background, or just the background when you mouseover a link in the dropdown?

For the second question, add the following CSS in the "Custom CSS" option:

@media (max-width: 420px) {
    .ccm-page nav.navbar .navbar-nav {
        background-color: [YOUR BACKGROUND COLOR];
    }
    .ccm-page nav.navbar .navbar-nav > li > ul {
        background-color: [YOUR BACKGROUND COLOR];
    }
    .ccm-page nav.navbar .navbar-nav > li > ul > li > a {
        background-color: [YOUR BACKGROUND COLOR];
    }
    .ccm-page nav.navbar .navbar-nav > li > ul > li > a:hover, .ccm-page nav.navbar .navbar-nav > li > ul > li > a:active, .ccm-page nav.navbar .navbar-nav > li > ul > li > a:focus {
        background-color: [YOUR BACKGROUND COLOR] !important;
    }
}

Remember to replace

[YOUR BACKGROUND COLOR]

with your background color.

ConcreteCMS replied on Oct 24, 2017 at 12:02 am Permalink Reply

Attention: Since there has been no activity on this issue for two weeks, this issue has been automatically archived.

To re-open this issue, reply to this message.

ConcreteCMS replied on Oct 24, 2017 at 12:03 am Permalink Reply

Attention: Since there has been no activity on this issue for two weeks, this issue has been automatically archived.

To re-open this issue, reply to this message.

Motif

Support

Color

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post