Skip to main content

How to change Font Size, Font Style and Font Weight in your Shopify?

Here is Easy Step-by-Step Tutorial to change Font Size, Font Style and Font Weight in your Shopify store


To change the font size in your Shopify store, here are the steps
  1. Go to Shopify admin
  2. Selected Online Store > themes 
  3. Click on the customize button for current theme
  4. From the left menu, click on theme settings
  5. Select the typography option
  6. Change the font size using the control

Here is a demo video showing above steps -



In addition to change font size, you will learn following topics in this video -
1. Modifying Font Style: Learn how to change your Shopify store's font style to match your brand's style and message.
2. Adjusting Font Weight: Enhance the visual impact of your content by refining font thickness.
3. Advance topic - extend font size control limit in Shopify


#shopify #shopifythemes


Click here to subscribe our YouTube channel : https://shorturl.at/gmqCS
-------------------------------------------------------------------------------------------------------------------

Also, check out our other video based on settings Global Custom CSS using he theme settings options -

Links for our other useful Shopify tutorial videos -

Changing text & color of Buy It Now button in Shopify: https://youtu.be/LVefRmat_g0
Adding Custom CSS in Your Shopify Theme: https://youtu.be/nPja-jHwmPc
Display image in Product Template using Custom.liquid block Shopify : https://youtu.be/2uaO4B0fnhY
Shopify Tips: How to Hide Specific Products from Related Products in your Shopify?: https://youtu.be/Z1gVuNkirLA

Comments

Popular posts from this blog

Show Image on canvas HTML5

Here is the sample code to select image from system and display it on html5 canvas and javascript: <input type= "file" id= "selectedImage" /> <canvas id= "myCanvas" width= "500" height= "500" > </canvas> Javascript code: $( "#selectedImage" ).change( function (e) { var URL = window .URL; var url = URL.createObjectURL(e.target.files[ 0 ]); img.src = url; img.onload = function () { var canvas = document .getElementById( "myCanvas" ); var ctx = canvas.getContext( "2d" ); var imgSize = calculateAspectRatioFit(img.width, img.height, canvas.clientWidth, canvas.clientHeight); ctx.clearRect( 0 , 0 , canvas.width, canvas.height); ctx.drawImage(img, 0 , 0 , imgSize.width, imgSize.height); } }); function calculateAspectRatioFit(srcWidth, srcHeight, maxWidth, maxHeight) { var ratio = Math .min(maxWi

Pass byte array from C# to C++ and vice-versa

Pass byte array from C# to C++                           If you want to pass a byte array to native DLL as parameter, you can use the Intptr to do this, please check the demo below. /C++ API code: TestDLL_API void TestArrayPara (BYTE * pArray, int nSize) { for ( int i= 0 ; i<nSize; i++) printf( "%d\n" , pArray[i]); } //C# code: class TestClass { [DllImport(@"TestDll.dll")] public static extern void TestArrayPara (IntPtr pArray, int nSize); public static void Test () { byte [] array = new byte [ 16 ]; for ( int i = 0 ; i < 16 ; i++) { array[i] = ( byte )(i + 97 ); } int size = Marshal.SizeOf(array[ 0 ]) * array.Length; IntPtr pnt = Marshal.AllocHGlobal(size); try { // Copy the array to unmanaged memory. Marshal.Copy(array, 0 , pnt, array

Display Tooltip for Combo Box item C#.NET Winforms

In windows form combo box control sometimes while adidng items dynamically we have items whose width is greater than width of combox box control. In this case for making UI more user friendly we can show tooltip over such item. Here is the sample C# code to display such tooltip:  Add a Tooltip control on the form.  Add following code : this . combo_box1 . DropDownStyle = System . Windows . Forms . ComboBoxStyle . DropDownList; this . combo_box1 . DrawMode = DrawMode . OwnerDrawFixed; this . combo_box1 . DrawItem += new DrawItemEventHandler(combo_box1_DrawItem); this . combo_box1 . DropDownClosed += new EventHandler(combo_box1_DropDownClosed); this . combo_box1 . MouseLeave += new EventHandler(combo_box1_Leave); void combo_box1_DrawItem( object sender, DrawItemEventArgs e) { if (e . Index < 0 ) { return ; } string text = combo_box1 . GetItemText(combo_box1 . Items[e . Index