Docs

[piexec]

http://entegrativesystem.com/

I have a custom menu in the footer called “LINKS: that I need to control:

1. Remove background.
2. Change padding between links
3. Change line color between links
4. Change font weight, color, hover color

Thank in advance!

[Prasant Rai]

Hello There,

Thanks for writing in!

There seems to be an active under construction page. Kindly provide us with the admin details to your site so that we’ll able to check this further.

Thank you.

[piexec]

Oops sorry. Try it now. 🙂

[Rupok]

Hi there,

Thanks for writing back! You can add this under Custom > CSS in the Customizer.

/*change background and border color*/

.x-colophon .menu li {
  background-color: transparent;
  border-color: #f2f2f2;
}

/*color and hover color, font-weight, margin etc*/

.x-colophon .widget_nav_menu .menu li a{
  color: #333;
  font-weight: 400;
  margin: 10px 0;
}

.x-colophon .widget_nav_menu .menu li a:hover {
  color: #f54;
}

Let’s change and add other CSS if needed.

Hope this helps.

Cheers!

[piexec]

ok. I did that and the background it is still white.

I also want to tighten up spacing between the links.

[piexec]

nevermind. I figued it out.

It needed to be

body .x-colophon.top .widget_nav_menu

[piexec]

I do have another issue, on mobile, The typing text you see in the screen cap, doesn’t fully finish all the characters on mobile as it does on desktop.

[Prasant Rai]

Happy to hear that. If you want to reduce the space between links, you can add this under Custom > CSS in the Customizer:

footer.x-colophon .widget_nav_menu .menu li a {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

Thanks.

[piexec]

How about the mobile bug for the Typing Effect on the homepage. Its the section just under “Ask Yourself The Following”. On desktop it types fine. On mobile, it only types one line.

[Rue Nel]

Hello There,

The section where you added your typing text has some padding. Please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

@media(max-width: 979px){
    #x-section-3,
    #x-section-3 .x-column.x-sm.x-1-1 {
        padding: 0 !important;
    }
}

Please be advise that the typing text element is only limited up to 3 lines when on smaller screens. This element is supposed to display only one or more words and not a whole phrase.

Hope this explains it.

[Author]

Posts