Docs

[Headlines34]

Hello,

How can I add a link that says “My Account” to my social icon line directing to artillio.com/my-account? Same font color and hover as the menu and having an oval as the background to match the social icons.

Artillio.com

Thank you,
Chuck

[Headlines34]

This reply has been marked as private.

[Friech]

Hi Chuck,

Thanks for writing in! You can add this under Custom > Global JavaScript in the Customizer.

jQuery( document ).ready(function() {
    jQuery( '<a href="http://www.artillio.com/my-account/" class="myacct">My Account</a>' ).insertAfter( ".x-social-global a.youtube" );
});

Hope it helps, Cheers!

[Headlines34]

Doesn’t look right.

Anyway to get it to the left of the Facebook icon and wrap it in an oval on one line? Also have the text match the menu on hover?

Thanks,
Chuck

[Thai]

Hi There,

Please update the previous code to this:

jQuery( document ).ready(function() {
    jQuery( '<a href="http://www.artillio.com/my-account/" class="myacct">My Account</a>' ).insertBefore( ".x-social-global a.facebook" );
});

After that add the following CSS under Customizer > Custom > Global CSS:

.x-topbar .x-social-global a.myacct {
    width: auto;
    padding: 0 10px
}
.x-topbar .x-social-global a.myacct:hover {
    color: rgb(0,177,225);
}

Hope it helps 🙂

[Headlines34]

Thank you! It actually looks better on the right given the background color, but I was able to figure that out.

How can I remove the My Account from the footer?

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

.x-colophon.bottom .x-social-global a.myacct {
display: none;
}

Hope that helps

Joao

[Headlines34]

That worked!

Thanks!

[Friech]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts