Docs

[asayaf]

Hello guys,

I’m trying to add this shortcode for modifying my submenu and footer in the Global CSS in customizer but it doesnt work. it only works if i add it in Cornerstone Cutom CSS page by page, which takes alot of time and i have to change them all if one modification has to be done.

Can you please help. below are all the details:

Home

—-

.x-navbar .sub-menu {
background-color: #e3f0f6;
}
.x-navbar .sub-menu {
box-shadow : none;
}
.x-colophon.bottom {
background-color: #F2F2F2;
}

.x-colophon.bottom .x-colophon-content p, .x-colophon.bottom .x-colophon-content p a {
color: #4FAABA; font-size: 15px;
}
.x-colophon.bottom .x-colophon-content p a:hover {
color: gray;
}
.x-social-global a {
color: #4FAABA;
}

.x-social-global a:hover i {
color: gray;
}

——

Thank you!

[Joao]

Hi There,

You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

If that doesn´t work, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks,

Joao

[asayaf]

This reply has been marked as private.

[asayaf]

Hello. I think i figured it out. i added the code in the beginning of the Customizer rather at the bottom of it.
It worked now.
Can you please give me all the shortcodes needed to adjust the width, background color, text alignment, of the sub-menu (hover menu of navigation). Right now the text size and font style seems way too different from the Menu categories.

Cheers,
A

[Rue Nel]

Hello There,

Thanks for the updates! You mean custom css for the submenu? You can make use of this code:

.x-navbar .sub-menu {
   background-color: #e3f0f6;
   width: 220px;
   text-align: left;
}

.x-navbar .sub-menu a{
  color: red;
  font-size: 16px;
  font-style: normal;
}

.x-navbar .sub-menu a:hover{
  color: blue;
}

Hope this helps.

[Author]

Posts