Docs

[yhshin1020]

Hey,

I am using VC addon plugin and i would like to change the fonts of one of their elements.

Thanks

[yhshin1020]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in! Before you can use the font family, you must load it first. In your custom css, you can do this:

@font-face {
    font-family: 'myriad-set-pro_thin';
    src: url('http://www.guidedogssg.com/wp-content/themes/x-child/fonts/myriad-set-pro_thin (1).eot');
    src: url('http://www.guidedogssg.com/wp-content/themes/x-child/fonts/myriad-set-pro_thin (1).eot?#iefix') format('embedded-opentype'),
   url('http://www.guidedogssg.com/wp-content/themes/x-child/fonts/MyriadSetPro-Thin.woff') format('woff'),
   url('http://www.guidedogssg.com/wp-content/themes/x-child/fonts/myriad-set-pro_thin (1).ttf') format('truetype'),
         url('http://www.guidedogssg.com/wp-content/themes/x-child/fonts/MyriadSetPro-Thin.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.x-navbar .desktop .x-nav>li>a>span {
    border: none !important;
    color: #000 !important;
    font-family: 'myriad-set-pro_thin';
}

You have to make sure that it is in this order or else the font will not take effect.

https://community.theme.co/forums/topic/custom-font-2/#post-142444
https://community.theme.co/forums/topic/how-do-i-add-my-own-font-and-use-everywhere/#post-56415

Hope this helps. Kindly let us know.

[yhshin1020]

This reply has been marked as private.

[Christopher]

Hi there,

Please add this code:

.mpc-icon-column__description.mpc-typography--mpc_preset_1 p ,.mpc-testimonial__description{
    font-family: 'myriad-set-pro_ultralight';
}
.mpc-accordion__item h3 {
    font-family: 'myriad-set-pro_ultralight' !important;
}

Please enable ‘Marginless columns’ option for third content band.

Hope it helps.

[yhshin1020]

This reply has been marked as private.

[Christopher]

Hi there,

Font has changed successfully, see the attachment.

You can also change body font by adding following code :

body{

 font-family: 'myriad-set-pro_ultralight';
}

Hope it helps.

[Author]

Posts