Video Tutorial - How to change Logo to Text and change font using Google fonts in VPCart 9

Video Tutorial - How to change Logo to Text and change font using Google fonts in VPCart 9

Step 1. Go to your Shop Home page and the Logo will be shown as 'ADD YOUR LOGO' by default.

Step 2. Go to VPCart admin >>Website >>Layout Manager

Step 3. Click Edit icon under Top Header Upper Container

Step 4. Select Logo Type as Text and enter the Logo Text

Step 5. Click Save and then click OK

Step 6. Click Close

Step 7. Now you can see the new Logo Text

Step 8. on Design Manager Icon

Step 9. Under Custom tab select Section Header and Sub section Logo

Step 10. Click Add/Edit Google Font then click on +Google Font button to add new Fonts

Step 11. Click Google Fonts List link and it will open a new window with new Fonts

Step 12. Click + sign against the font to select the Font

Step 13. Click the bottom black Bar to view the selected Font and copy the values against Embed Font and Specify in CSS

Step 14. Now against Font Link Tag paste Embed Font value and for Font Family paste Specify in CSS value

Step 15. Click Save

Step 16. Now select the New font, Change colour, Font Size etc. from design manager window.

Step 17. Go back to your shop Home page and refresh the page. You can see the new Logo Text. Thank you for watching and I hope you have found this tutorial useful.

Thank you for watching and we hope you have found this tutorial useful.

User Manual Reference

For more information about how to change Logo to Text and change font using Google fonts you can also refer to our VPCart 9 User Guide at

https://helpnotes.vpcart.com/userguide900/#!Documents/howtousethisdesignmanagerfeatureinvpcart.htm


Times Viewed:
1033
Added By:
Brian
Date Created:
11/9/2018
Last Updated:
1/1/2020