Course Description

In this FREE Shopify class, you will learn the basic of CSS which will help you make some changes to your Shopify store design without the need to hire a developer.

You will learn how to do the following:

  • change font size
  • change font family
  • change font weight (bold)
  • change letter spacing
  • change font color
  • change any element color
  • add a background color
  • add a background image
  • add white space around elements
  • transform text
  • decorate text

Shopify Expert

Robert Bugeag

I am a Shopify partner and expert since 2014. I am the owner of Webso Media agency: https://experts.shopify.com/webso-mediaI love working with Shopify and you the store owners. I also believe in helping you understand how to do some changes without the need to hire someone. This is why I created this course and why I have a Youtube How To Videos channel: http://bit.ly/1JggmKPWe recently created an app: Rectify - Edit products in cart that is really useful if you have products with multiple options. Your customer will be able to edit those options directly in their cart without the need to delete the product and add it again.Please enjoy everything we offer and let me know if there is something else you would want to learn.

Course curriculum

  • 1

    Class Introduction

    • Introduction video
  • 2

    What is css?

    • What is css?
  • 3

    Shopify Theme Structure

    • Understanding the theme files structure

    • 3 types of presenting CSS in your store

    • Understanding Shopify and CSS
  • 4

    CSS Syntax

    • CSS syntax

    • CSS syntax quiz
  • 5

    CSS Selectors

    • CSS selectors

    • HTML Elements name

    • CSS selectors recap

    • CSS selectors
  • 6

    Using Chrome to inspect elements

    • Using Chrome to inspect elements

    • Browser you are using
  • 7

    Font size, font weight, letter spacing, font-family and color

    • Font size, font weight, letter spacing, font family and color

    • Standard font-family link

    • Find your hex (#000000) color

    • Quick survey
  • 8

    Change background

    • Change background color and image

    • Link to compress images
  • 9

    Increase/decrease white space around elements

    • Increase/decrease white space around elements
  • 10

    Transform text

    • Decorate text

    • Transform
  • 11

    Thank you!

    • End of class

    • The class presentation

    • The class presentation powerpoint

Reviews

5 star rating

Really helpful

John Doe

This course was really helpful and the best thing about it is that it is easy to understand and it is free

This course was really helpful and the best thing about it is that it is easy to understand and it is free

Read Less
5 star rating

Very useful and practical information

Yulia Lesechko

Gives the basics to those who does not have any idea on how to edit CSS code, and saves actually time

Gives the basics to those who does not have any idea on how to edit CSS code, and saves actually time

Read Less
5 star rating

moh hasan

Read Less
5 star rating

Learn a lot of new stuff keep making new course.

shehroze raja

Read Less