WEBVTT
Kind: captions
Language: en

00:00:00.160 --> 00:00:01.870 align:start position:0%
 
have<00:00:00.280><c> you</c><00:00:00.399><c> ever</c><00:00:00.599><c> switched</c><00:00:01.000><c> themes</c><00:00:01.520><c> and</c><00:00:01.680><c> your</c>

00:00:01.870 --> 00:00:01.880 align:start position:0%
have you ever switched themes and your
 

00:00:01.880 --> 00:00:04.150 align:start position:0%
have you ever switched themes and your
product<00:00:02.200><c> image</c><00:00:02.440><c> is</c><00:00:02.600><c> suddenly</c><00:00:02.960><c> looked</c><00:00:03.360><c> off</c><00:00:04.000><c> if</c>

00:00:04.150 --> 00:00:04.160 align:start position:0%
product image is suddenly looked off if
 

00:00:04.160 --> 00:00:05.950 align:start position:0%
product image is suddenly looked off if
so<00:00:04.640><c> then</c><00:00:04.839><c> let's</c><00:00:05.040><c> take</c><00:00:05.160><c> a</c><00:00:05.279><c> look</c><00:00:05.440><c> at</c><00:00:05.560><c> how</c><00:00:05.640><c> to</c><00:00:05.759><c> fix</c>

00:00:05.950 --> 00:00:05.960 align:start position:0%
so then let's take a look at how to fix
 

00:00:05.960 --> 00:00:08.669 align:start position:0%
so then let's take a look at how to fix
your<00:00:06.080><c> blurry</c><00:00:06.520><c> product</c><00:00:07.120><c> images</c><00:00:08.120><c> there</c><00:00:08.240><c> are</c><00:00:08.400><c> two</c>

00:00:08.669 --> 00:00:08.679 align:start position:0%
your blurry product images there are two
 

00:00:08.679 --> 00:00:10.629 align:start position:0%
your blurry product images there are two
common<00:00:08.960><c> causes</c><00:00:09.320><c> of</c><00:00:09.440><c> blurry</c><00:00:09.920><c> or</c><00:00:10.120><c> distorted</c>

00:00:10.629 --> 00:00:10.639 align:start position:0%
common causes of blurry or distorted
 

00:00:10.639 --> 00:00:13.549 align:start position:0%
common causes of blurry or distorted
product<00:00:11.160><c> images</c><00:00:12.160><c> one</c><00:00:12.679><c> is</c><00:00:12.840><c> not</c><00:00:13.080><c> having</c><00:00:13.360><c> the</c>

00:00:13.549 --> 00:00:13.559 align:start position:0%
product images one is not having the
 

00:00:13.559 --> 00:00:16.150 align:start position:0%
product images one is not having the
appropriate<00:00:14.120><c> size</c><00:00:14.480><c> images</c><00:00:14.960><c> uploaded</c><00:00:15.920><c> which</c>

00:00:16.150 --> 00:00:16.160 align:start position:0%
appropriate size images uploaded which
 

00:00:16.160 --> 00:00:18.150 align:start position:0%
appropriate size images uploaded which
unfortunately<00:00:16.720><c> we</c><00:00:16.880><c> can't</c><00:00:17.080><c> fix</c><00:00:17.320><c> in</c><00:00:17.439><c> this</c><00:00:17.640><c> video</c>

00:00:18.150 --> 00:00:18.160 align:start position:0%
unfortunately we can't fix in this video
 

00:00:18.160 --> 00:00:19.870 align:start position:0%
unfortunately we can't fix in this video
for<00:00:18.400><c> that</c><00:00:18.720><c> you'd</c><00:00:18.920><c> need</c><00:00:19.080><c> to</c><00:00:19.240><c> re-upload</c><00:00:19.720><c> a</c>

00:00:19.870 --> 00:00:19.880 align:start position:0%
for that you'd need to re-upload a
 

00:00:19.880 --> 00:00:21.870 align:start position:0%
for that you'd need to re-upload a
higher<00:00:20.160><c> resolution</c><00:00:20.760><c> image</c><00:00:21.279><c> appropriate</c><00:00:21.720><c> for</c>

00:00:21.870 --> 00:00:21.880 align:start position:0%
higher resolution image appropriate for
 

00:00:21.880 --> 00:00:24.470 align:start position:0%
higher resolution image appropriate for
your<00:00:22.039><c> theme</c><00:00:23.000><c> the</c><00:00:23.119><c> second</c><00:00:23.439><c> common</c><00:00:23.720><c> cause</c><00:00:24.199><c> is</c><00:00:24.359><c> if</c>

00:00:24.470 --> 00:00:24.480 align:start position:0%
your theme the second common cause is if
 

00:00:24.480 --> 00:00:26.710 align:start position:0%
your theme the second common cause is if
your<00:00:24.640><c> images</c><00:00:25.000><c> are</c><00:00:25.240><c> high</c><00:00:25.439><c> enough</c><00:00:25.720><c> quality</c><00:00:26.560><c> but</c>

00:00:26.710 --> 00:00:26.720 align:start position:0%
your images are high enough quality but
 

00:00:26.720 --> 00:00:28.870 align:start position:0%
your images are high enough quality but
your<00:00:26.960><c> image</c><00:00:27.320><c> sizes</c><00:00:27.760><c> set</c><00:00:27.960><c> in</c><00:00:28.080><c> woocommerce</c><00:00:28.679><c> are</c>

00:00:28.870 --> 00:00:28.880 align:start position:0%
your image sizes set in woocommerce are
 

00:00:28.880 --> 00:00:30.749 align:start position:0%
your image sizes set in woocommerce are
incorrect<00:00:29.320><c> for</c><00:00:29.480><c> your</c><00:00:29.599><c> theme</c><00:00:30.199><c> so</c><00:00:30.359><c> how</c><00:00:30.480><c> do</c><00:00:30.599><c> we</c>

00:00:30.749 --> 00:00:30.759 align:start position:0%
incorrect for your theme so how do we
 

00:00:30.759 --> 00:00:34.030 align:start position:0%
incorrect for your theme so how do we
fix<00:00:31.039><c> this</c><00:00:31.800><c> let's</c><00:00:32.119><c> dive</c><00:00:32.399><c> in</c><00:00:33.280><c> first</c><00:00:33.680><c> you'll</c><00:00:33.879><c> want</c>

00:00:34.030 --> 00:00:34.040 align:start position:0%
fix this let's dive in first you'll want
 

00:00:34.040 --> 00:00:35.709 align:start position:0%
fix this let's dive in first you'll want
to<00:00:34.200><c> navigate</c><00:00:34.559><c> to</c><00:00:34.719><c> a</c><00:00:34.879><c> problem</c><00:00:35.200><c> image</c><00:00:35.440><c> in</c><00:00:35.559><c> your</c>

00:00:35.709 --> 00:00:35.719 align:start position:0%
to navigate to a problem image in your
 

00:00:35.719 --> 00:00:37.830 align:start position:0%
to navigate to a problem image in your
store<00:00:36.399><c> make</c><00:00:36.600><c> note</c><00:00:36.800><c> of</c><00:00:37.000><c> what</c><00:00:37.160><c> type</c><00:00:37.360><c> of</c><00:00:37.520><c> image</c><00:00:37.719><c> it</c>

00:00:37.830 --> 00:00:37.840 align:start position:0%
store make note of what type of image it
 

00:00:37.840 --> 00:00:39.750 align:start position:0%
store make note of what type of image it
is<00:00:38.280><c> as</c><00:00:38.440><c> there</c><00:00:38.559><c> are</c><00:00:38.760><c> three</c><00:00:39.040><c> types</c><00:00:39.280><c> of</c><00:00:39.440><c> product</c>

00:00:39.750 --> 00:00:39.760 align:start position:0%
is as there are three types of product
 

00:00:39.760 --> 00:00:41.950 align:start position:0%
is as there are three types of product
images<00:00:40.039><c> in</c><00:00:40.200><c> woocommerce</c><00:00:41.160><c> there's</c><00:00:41.520><c> catalog</c>

00:00:41.950 --> 00:00:41.960 align:start position:0%
images in woocommerce there's catalog
 

00:00:41.960 --> 00:00:45.069 align:start position:0%
images in woocommerce there's catalog
images<00:00:42.719><c> single</c><00:00:43.160><c> product</c><00:00:43.520><c> images</c><00:00:44.200><c> and</c><00:00:44.399><c> product</c>

00:00:45.069 --> 00:00:45.079 align:start position:0%
images single product images and product
 

00:00:45.079 --> 00:00:47.150 align:start position:0%
images single product images and product
thumbnails<00:00:46.079><c> in</c><00:00:46.239><c> this</c><00:00:46.399><c> case</c><00:00:46.719><c> we're</c><00:00:46.879><c> working</c>

00:00:47.150 --> 00:00:47.160 align:start position:0%
thumbnails in this case we're working
 

00:00:47.160 --> 00:00:48.709 align:start position:0%
thumbnails in this case we're working
with<00:00:47.280><c> a</c><00:00:47.480><c> catalog</c>

00:00:48.709 --> 00:00:48.719 align:start position:0%
with a catalog
 

00:00:48.719 --> 00:00:51.630 align:start position:0%
with a catalog
image<00:00:49.719><c> next</c><00:00:50.480><c> right</c><00:00:50.719><c> click</c><00:00:50.920><c> on</c><00:00:51.039><c> the</c><00:00:51.160><c> image</c><00:00:51.480><c> and</c>

00:00:51.630 --> 00:00:51.640 align:start position:0%
image next right click on the image and
 

00:00:51.640 --> 00:00:53.869 align:start position:0%
image next right click on the image and
choose<00:00:51.960><c> the</c><00:00:52.120><c> inspect</c><00:00:52.600><c> or</c><00:00:52.840><c> inspect</c><00:00:53.239><c> element</c>

00:00:53.869 --> 00:00:53.879 align:start position:0%
choose the inspect or inspect element
 

00:00:53.879 --> 00:00:56.590 align:start position:0%
choose the inspect or inspect element
option<00:00:54.879><c> this</c><00:00:55.000><c> works</c><00:00:55.239><c> in</c><00:00:55.399><c> most</c><00:00:55.600><c> major</c><00:00:55.879><c> browsers</c>

00:00:56.590 --> 00:00:56.600 align:start position:0%
option this works in most major browsers
 

00:00:56.600 --> 00:00:58.069 align:start position:0%
option this works in most major browsers
just<00:00:56.760><c> be</c><00:00:56.920><c> sure</c><00:00:57.079><c> to</c><00:00:57.239><c> have</c><00:00:57.399><c> its</c><00:00:57.600><c> developer</c>

00:00:58.069 --> 00:00:58.079 align:start position:0%
just be sure to have its developer
 

00:00:58.079 --> 00:00:59.990 align:start position:0%
just be sure to have its developer
features<00:00:58.440><c> turned</c><00:00:58.719><c> on</c><00:00:59.160><c> in</c><00:00:59.320><c> this</c><00:00:59.480><c> case</c><00:00:59.640><c> where</c>

00:00:59.990 --> 00:01:00.000 align:start position:0%
features turned on in this case where
 

00:01:00.000 --> 00:01:01.910 align:start position:0%
features turned on in this case where
using<00:01:00.280><c> Chrome</c><00:01:00.879><c> you'll</c><00:01:01.120><c> now</c><00:01:01.280><c> be</c><00:01:01.440><c> able</c><00:01:01.600><c> to</c><00:01:01.719><c> see</c>

00:01:01.910 --> 00:01:01.920 align:start position:0%
using Chrome you'll now be able to see
 

00:01:01.920 --> 00:01:04.310 align:start position:0%
using Chrome you'll now be able to see
the<00:01:02.079><c> HTML</c><00:01:02.800><c> code</c><00:01:03.239><c> that</c><00:01:03.359><c> is</c><00:01:03.559><c> displaying</c><00:01:04.040><c> this</c>

00:01:04.310 --> 00:01:04.320 align:start position:0%
the HTML code that is displaying this
 

00:01:04.320 --> 00:01:06.750 align:start position:0%
the HTML code that is displaying this
image<00:01:05.320><c> if</c><00:01:05.439><c> you</c><00:01:05.560><c> look</c><00:01:05.799><c> closely</c><00:01:06.320><c> you'll</c><00:01:06.560><c> find</c>

00:01:06.750 --> 00:01:06.760 align:start position:0%
image if you look closely you'll find
 

00:01:06.760 --> 00:01:08.950 align:start position:0%
image if you look closely you'll find
the<00:01:06.920><c> image</c><00:01:07.200><c> placeholder</c><00:01:07.840><c> height</c><00:01:08.280><c> and</c><00:01:08.520><c> width</c>

00:01:08.950 --> 00:01:08.960 align:start position:0%
the image placeholder height and width
 

00:01:08.960 --> 00:01:11.390 align:start position:0%
the image placeholder height and width
listed<00:01:09.280><c> in</c><00:01:09.720><c> pixels</c><00:01:10.720><c> make</c><00:01:10.880><c> note</c><00:01:11.080><c> of</c><00:01:11.240><c> these</c>

00:01:11.390 --> 00:01:11.400 align:start position:0%
listed in pixels make note of these
 

00:01:11.400 --> 00:01:13.149 align:start position:0%
listed in pixels make note of these
Dimensions<00:01:12.080><c> as</c><00:01:12.200><c> we'll</c><00:01:12.400><c> need</c><00:01:12.600><c> them</c><00:01:12.720><c> in</c><00:01:12.880><c> just</c><00:01:13.000><c> a</c>

00:01:13.149 --> 00:01:13.159 align:start position:0%
Dimensions as we'll need them in just a
 

00:01:13.159 --> 00:01:14.990 align:start position:0%
Dimensions as we'll need them in just a
moment<00:01:13.680><c> in</c><00:01:13.799><c> the</c><00:01:13.920><c> theme</c><00:01:14.159><c> that</c><00:01:14.280><c> we're</c><00:01:14.439><c> using</c><00:01:14.880><c> the</c>

00:01:14.990 --> 00:01:15.000 align:start position:0%
moment in the theme that we're using the
 

00:01:15.000 --> 00:01:18.550 align:start position:0%
moment in the theme that we're using the
image<00:01:15.280><c> placeholder</c><00:01:15.960><c> size</c><00:01:16.320><c> is</c><00:01:16.600><c> 185</c><00:01:17.600><c> pixels</c><00:01:18.240><c> by</c>

00:01:18.550 --> 00:01:18.560 align:start position:0%
image placeholder size is 185 pixels by
 

00:01:18.560 --> 00:01:20.069 align:start position:0%
image placeholder size is 185 pixels by
185

00:01:20.069 --> 00:01:20.079 align:start position:0%
185
 

00:01:20.079 --> 00:01:22.789 align:start position:0%
185
pixels<00:01:21.079><c> now</c><00:01:21.360><c> in</c><00:01:21.479><c> your</c><00:01:21.640><c> WordPress</c><00:01:22.079><c> admin</c><00:01:22.640><c> head</c>

00:01:22.789 --> 00:01:22.799 align:start position:0%
pixels now in your WordPress admin head
 

00:01:22.799 --> 00:01:25.069 align:start position:0%
pixels now in your WordPress admin head
to<00:01:22.960><c> woocommerce</c><00:01:23.960><c> settings</c><00:01:24.640><c> and</c><00:01:24.759><c> then</c><00:01:24.920><c> the</c>

00:01:25.069 --> 00:01:25.079 align:start position:0%
to woocommerce settings and then the
 

00:01:25.079 --> 00:01:28.550 align:start position:0%
to woocommerce settings and then the
products<00:01:25.799><c> tab</c><00:01:26.799><c> then</c><00:01:26.960><c> select</c><00:01:27.280><c> the</c><00:01:27.439><c> display</c>

00:01:28.550 --> 00:01:28.560 align:start position:0%
products tab then select the display
 

00:01:28.560 --> 00:01:30.870 align:start position:0%
products tab then select the display
submenu<00:01:29.560><c> here</c><00:01:30.040><c> you'll</c><00:01:30.280><c> see</c><00:01:30.479><c> the</c><00:01:30.600><c> current</c>

00:01:30.870 --> 00:01:30.880 align:start position:0%
submenu here you'll see the current
 

00:01:30.880 --> 00:01:32.990 align:start position:0%
submenu here you'll see the current
woocommerce<00:01:31.439><c> settings</c><00:01:31.720><c> for</c><00:01:31.880><c> your</c><00:01:32.079><c> product</c>

00:01:32.990 --> 00:01:33.000 align:start position:0%
woocommerce settings for your product
 

00:01:33.000 --> 00:01:35.310 align:start position:0%
woocommerce settings for your product
images<00:01:34.000><c> take</c><00:01:34.119><c> a</c><00:01:34.240><c> look</c><00:01:34.360><c> at</c><00:01:34.479><c> the</c><00:01:34.640><c> sizes</c><00:01:35.000><c> for</c><00:01:35.159><c> the</c>

00:01:35.310 --> 00:01:35.320 align:start position:0%
images take a look at the sizes for the
 

00:01:35.320 --> 00:01:36.710 align:start position:0%
images take a look at the sizes for the
specific<00:01:35.759><c> image</c><00:01:36.040><c> type</c><00:01:36.240><c> that</c><00:01:36.320><c> you're</c><00:01:36.479><c> trying</c>

00:01:36.710 --> 00:01:36.720 align:start position:0%
specific image type that you're trying
 

00:01:36.720 --> 00:01:39.670 align:start position:0%
specific image type that you're trying
to<00:01:36.880><c> fix</c><00:01:37.560><c> in</c><00:01:37.720><c> our</c><00:01:38.040><c> case</c><00:01:38.360><c> that's</c><00:01:38.520><c> the</c><00:01:38.720><c> catalog</c>

00:01:39.670 --> 00:01:39.680 align:start position:0%
to fix in our case that's the catalog
 

00:01:39.680 --> 00:01:42.030 align:start position:0%
to fix in our case that's the catalog
images<00:01:40.680><c> right</c><00:01:40.840><c> now</c><00:01:41.000><c> the</c><00:01:41.159><c> catalog</c><00:01:41.560><c> images</c><00:01:41.880><c> are</c>

00:01:42.030 --> 00:01:42.040 align:start position:0%
images right now the catalog images are
 

00:01:42.040 --> 00:01:45.389 align:start position:0%
images right now the catalog images are
set<00:01:42.280><c> to</c><00:01:42.840><c> 100x</c><00:01:43.640><c> 100</c><00:01:43.920><c> pixels</c><00:01:44.759><c> which</c><00:01:44.880><c> is</c><00:01:45.040><c> smaller</c>

00:01:45.389 --> 00:01:45.399 align:start position:0%
set to 100x 100 pixels which is smaller
 

00:01:45.399 --> 00:01:48.429 align:start position:0%
set to 100x 100 pixels which is smaller
than<00:01:45.520><c> the</c><00:01:45.680><c> required</c><00:01:46.240><c> 185x</c><00:01:47.240><c> 185</c><00:01:48.159><c> that</c><00:01:48.280><c> our</c>

00:01:48.429 --> 00:01:48.439 align:start position:0%
than the required 185x 185 that our
 

00:01:48.439 --> 00:01:49.830 align:start position:0%
than the required 185x 185 that our
theme<00:01:48.640><c> is</c><00:01:48.759><c> trying</c><00:01:49.000><c> to</c>

00:01:49.830 --> 00:01:49.840 align:start position:0%
theme is trying to
 

00:01:49.840 --> 00:01:52.030 align:start position:0%
theme is trying to
display<00:01:50.840><c> this</c><00:01:50.960><c> is</c><00:01:51.159><c> what's</c><00:01:51.360><c> causing</c><00:01:51.680><c> the</c><00:01:51.799><c> image</c>

00:01:52.030 --> 00:01:52.040 align:start position:0%
display this is what's causing the image
 

00:01:52.040 --> 00:01:54.030 align:start position:0%
display this is what's causing the image
to<00:01:52.200><c> get</c><00:01:52.360><c> stretched</c><00:01:52.759><c> out</c><00:01:53.159><c> and</c><00:01:53.280><c> blurry</c><00:01:53.680><c> on</c><00:01:53.799><c> our</c>

00:01:54.030 --> 00:01:54.040 align:start position:0%
to get stretched out and blurry on our
 

00:01:54.040 --> 00:01:56.109 align:start position:0%
to get stretched out and blurry on our
site<00:01:54.680><c> so</c><00:01:54.840><c> we'll</c><00:01:55.040><c> need</c><00:01:55.159><c> to</c><00:01:55.280><c> update</c><00:01:55.600><c> the</c><00:01:55.719><c> setting</c>

00:01:56.109 --> 00:01:56.119 align:start position:0%
site so we'll need to update the setting
 

00:01:56.119 --> 00:01:57.510 align:start position:0%
site so we'll need to update the setting
to<00:01:56.280><c> match</c><00:01:56.479><c> what</c><00:01:56.600><c> we</c><00:01:56.719><c> found</c><00:01:56.920><c> on</c><00:01:57.039><c> the</c><00:01:57.119><c> front</c><00:01:57.360><c> end</c>

00:01:57.510 --> 00:01:57.520 align:start position:0%
to match what we found on the front end
 

00:01:57.520 --> 00:02:00.029 align:start position:0%
to match what we found on the front end
of<00:01:57.640><c> our</c><00:01:57.840><c> website</c><00:01:58.840><c> you</c><00:01:58.960><c> can</c><00:01:59.119><c> enter</c><00:01:59.360><c> the</c><00:01:59.520><c> exact</c>

00:02:00.029 --> 00:02:00.039 align:start position:0%
of our website you can enter the exact
 

00:02:00.039 --> 00:02:02.310 align:start position:0%
of our website you can enter the exact
size<00:02:00.240><c> that</c><00:02:00.320><c> you</c><00:02:00.439><c> found</c><00:02:00.640><c> in</c><00:02:00.759><c> our</c><00:02:00.920><c> first</c><00:02:01.159><c> step</c><00:02:01.799><c> or</c>

00:02:02.310 --> 00:02:02.320 align:start position:0%
size that you found in our first step or
 

00:02:02.320 --> 00:02:03.870 align:start position:0%
size that you found in our first step or
if<00:02:02.439><c> you</c><00:02:02.600><c> want</c><00:02:03.079><c> you</c><00:02:03.200><c> can</c><00:02:03.360><c> even</c><00:02:03.560><c> make</c><00:02:03.759><c> this</c>

00:02:03.870 --> 00:02:03.880 align:start position:0%
if you want you can even make this
 

00:02:03.880 --> 00:02:05.230 align:start position:0%
if you want you can even make this
setting<00:02:04.159><c> a</c><00:02:04.280><c> little</c><00:02:04.479><c> larger</c><00:02:04.840><c> than</c><00:02:05.039><c> what</c><00:02:05.119><c> you</c>

00:02:05.230 --> 00:02:05.240 align:start position:0%
setting a little larger than what you
 

00:02:05.240 --> 00:02:06.990 align:start position:0%
setting a little larger than what you
saw<00:02:05.439><c> on</c><00:02:05.560><c> the</c><00:02:05.680><c> front</c><00:02:05.880><c> end</c><00:02:06.079><c> of</c><00:02:06.200><c> your</c><00:02:06.320><c> store</c><00:02:06.680><c> for</c><00:02:06.840><c> a</c>

00:02:06.990 --> 00:02:07.000 align:start position:0%
saw on the front end of your store for a
 

00:02:07.000 --> 00:02:09.469 align:start position:0%
saw on the front end of your store for a
little<00:02:07.280><c> extra</c><00:02:07.680><c> image</c><00:02:08.200><c> insurance</c><00:02:09.200><c> now</c><00:02:09.360><c> that</c>

00:02:09.469 --> 00:02:09.479 align:start position:0%
little extra image insurance now that
 

00:02:09.479 --> 00:02:10.830 align:start position:0%
little extra image insurance now that
we've<00:02:09.640><c> entered</c><00:02:09.920><c> the</c><00:02:10.039><c> correct</c><00:02:10.319><c> size</c><00:02:10.560><c> in</c><00:02:10.679><c> our</c>

00:02:10.830 --> 00:02:10.840 align:start position:0%
we've entered the correct size in our
 

00:02:10.840 --> 00:02:12.510 align:start position:0%
we've entered the correct size in our
settings<00:02:11.360><c> we</c><00:02:11.440><c> need</c><00:02:11.599><c> to</c><00:02:11.800><c> regenerate</c><00:02:12.360><c> our</c>

00:02:12.510 --> 00:02:12.520 align:start position:0%
settings we need to regenerate our
 

00:02:12.520 --> 00:02:14.830 align:start position:0%
settings we need to regenerate our
thumbnail<00:02:13.000><c> images</c><00:02:13.760><c> updating</c><00:02:14.200><c> the</c><00:02:14.400><c> sizes</c><00:02:14.720><c> in</c>

00:02:14.830 --> 00:02:14.840 align:start position:0%
thumbnail images updating the sizes in
 

00:02:14.840 --> 00:02:16.509 align:start position:0%
thumbnail images updating the sizes in
your<00:02:15.000><c> woocommerce</c><00:02:15.560><c> settings</c><00:02:16.080><c> does</c><00:02:16.280><c> not</c>

00:02:16.509 --> 00:02:16.519 align:start position:0%
your woocommerce settings does not
 

00:02:16.519 --> 00:02:18.309 align:start position:0%
your woocommerce settings does not
automatically<00:02:17.160><c> regenerate</c><00:02:17.680><c> the</c><00:02:17.800><c> images</c><00:02:18.160><c> to</c>

00:02:18.309 --> 00:02:18.319 align:start position:0%
automatically regenerate the images to
 

00:02:18.319 --> 00:02:20.509 align:start position:0%
automatically regenerate the images to
fix<00:02:18.560><c> them</c><00:02:18.920><c> to</c><00:02:19.080><c> do</c><00:02:19.319><c> that</c><00:02:19.760><c> we'll</c><00:02:20.000><c> want</c><00:02:20.120><c> to</c><00:02:20.239><c> use</c><00:02:20.400><c> a</c>

00:02:20.509 --> 00:02:20.519 align:start position:0%
fix them to do that we'll want to use a
 

00:02:20.519 --> 00:02:22.910 align:start position:0%
fix them to do that we'll want to use a
plugin<00:02:20.920><c> called</c><00:02:21.160><c> regenerate</c><00:02:21.920><c> thumbnails</c>

00:02:22.910 --> 00:02:22.920 align:start position:0%
plugin called regenerate thumbnails
 

00:02:22.920 --> 00:02:24.790 align:start position:0%
plugin called regenerate thumbnails
install<00:02:23.440><c> and</c><00:02:23.680><c> activate</c><00:02:24.280><c> regenerate</c>

00:02:24.790 --> 00:02:24.800 align:start position:0%
install and activate regenerate
 

00:02:24.800 --> 00:02:28.229 align:start position:0%
install and activate regenerate
thumbnails<00:02:25.360><c> by</c><00:02:25.519><c> Alex</c>

00:02:28.229 --> 00:02:28.239 align:start position:0%
 
 

00:02:28.239 --> 00:02:31.030 align:start position:0%
 
Mills<00:02:29.239><c> once</c><00:02:29.400><c> that</c><00:02:29.560><c> plug</c><00:02:30.040><c> is</c><00:02:30.200><c> activated</c><00:02:30.840><c> if</c><00:02:30.920><c> you</c>

00:02:31.030 --> 00:02:31.040 align:start position:0%
Mills once that plug is activated if you
 

00:02:31.040 --> 00:02:32.750 align:start position:0%
Mills once that plug is activated if you
want<00:02:31.160><c> to</c><00:02:31.319><c> do</c><00:02:31.519><c> this</c><00:02:31.640><c> for</c><00:02:31.840><c> your</c><00:02:32.000><c> entire</c><00:02:32.360><c> media</c>

00:02:32.750 --> 00:02:32.760 align:start position:0%
want to do this for your entire media
 

00:02:32.760 --> 00:02:35.630 align:start position:0%
want to do this for your entire media
library<00:02:33.319><c> then</c><00:02:33.480><c> head</c><00:02:33.640><c> to</c><00:02:33.840><c> tools</c><00:02:34.560><c> regen</c>

00:02:35.630 --> 00:02:35.640 align:start position:0%
library then head to tools regen
 

00:02:35.640 --> 00:02:37.630 align:start position:0%
library then head to tools regen
thumbnails<00:02:36.640><c> there</c><00:02:36.800><c> you</c><00:02:36.920><c> can</c><00:02:37.080><c> regenerate</c><00:02:37.519><c> the</c>

00:02:37.630 --> 00:02:37.640 align:start position:0%
thumbnails there you can regenerate the
 

00:02:37.640 --> 00:02:40.470 align:start position:0%
thumbnails there you can regenerate the
thumbnails<00:02:38.120><c> for</c><00:02:38.360><c> every</c><00:02:38.640><c> image</c><00:02:38.879><c> on</c><00:02:39.040><c> your</c><00:02:39.480><c> site</c>

00:02:40.470 --> 00:02:40.480 align:start position:0%
thumbnails for every image on your site
 

00:02:40.480 --> 00:02:42.630 align:start position:0%
thumbnails for every image on your site
otherwise<00:02:41.239><c> head</c><00:02:41.360><c> to</c><00:02:41.480><c> your</c><00:02:41.640><c> media</c><00:02:42.040><c> library</c><00:02:42.440><c> to</c>

00:02:42.630 --> 00:02:42.640 align:start position:0%
otherwise head to your media library to
 

00:02:42.640 --> 00:02:45.390 align:start position:0%
otherwise head to your media library to
select<00:02:42.959><c> the</c><00:02:43.159><c> specific</c><00:02:43.560><c> images</c><00:02:43.920><c> you</c><00:02:44.040><c> need</c><00:02:44.200><c> to</c>

00:02:45.390 --> 00:02:45.400 align:start position:0%
select the specific images you need to
 

00:02:45.400 --> 00:02:47.430 align:start position:0%
select the specific images you need to
regenerate<00:02:46.400><c> make</c><00:02:46.560><c> sure</c><00:02:46.760><c> you're</c><00:02:46.959><c> using</c><00:02:47.280><c> the</c>

00:02:47.430 --> 00:02:47.440 align:start position:0%
regenerate make sure you're using the
 

00:02:47.440 --> 00:02:50.670 align:start position:0%
regenerate make sure you're using the
list<00:02:47.680><c> View</c><00:02:48.239><c> and</c><00:02:48.360><c> then</c><00:02:48.519><c> select</c><00:02:48.800><c> your</c>

00:02:50.670 --> 00:02:50.680 align:start position:0%
list View and then select your
 

00:02:50.680 --> 00:02:53.670 align:start position:0%
list View and then select your
images<00:02:51.680><c> in</c><00:02:51.800><c> the</c><00:02:51.920><c> bulk</c><00:02:52.280><c> actions</c><00:02:52.720><c> menu</c><00:02:53.159><c> choose</c>

00:02:53.670 --> 00:02:53.680 align:start position:0%
images in the bulk actions menu choose
 

00:02:53.680 --> 00:02:56.149 align:start position:0%
images in the bulk actions menu choose
regenerate<00:02:54.560><c> thumbnails</c><00:02:55.560><c> depending</c><00:02:55.879><c> on</c><00:02:56.080><c> how</c>

00:02:56.149 --> 00:02:56.159 align:start position:0%
regenerate thumbnails depending on how
 

00:02:56.159 --> 00:02:57.990 align:start position:0%
regenerate thumbnails depending on how
many<00:02:56.400><c> images</c><00:02:56.760><c> you</c><00:02:56.959><c> have</c><00:02:57.319><c> and</c><00:02:57.480><c> how</c><00:02:57.680><c> fast</c><00:02:57.879><c> your</c>

00:02:57.990 --> 00:02:58.000 align:start position:0%
many images you have and how fast your
 

00:02:58.000 --> 00:02:59.949 align:start position:0%
many images you have and how fast your
server<00:02:58.400><c> is</c><00:02:58.959><c> this</c><00:02:59.080><c> may</c><00:02:59.239><c> take</c><00:02:59.400><c> a</c><00:02:59.480><c> minute</c><00:02:59.680><c> or</c><00:02:59.840><c> or</c>

00:02:59.949 --> 00:02:59.959 align:start position:0%
server is this may take a minute or or
 

00:02:59.959 --> 00:03:02.509 align:start position:0%
server is this may take a minute or or
two<00:03:00.120><c> to</c><00:03:00.280><c> complete</c><00:03:01.280><c> once</c><00:03:01.560><c> this</c><00:03:01.680><c> is</c><00:03:01.840><c> done</c><00:03:02.280><c> head</c>

00:03:02.509 --> 00:03:02.519 align:start position:0%
two to complete once this is done head
 

00:03:02.519 --> 00:03:04.430 align:start position:0%
two to complete once this is done head
back<00:03:02.640><c> to</c><00:03:02.760><c> your</c><00:03:02.959><c> store</c><00:03:03.640><c> and</c><00:03:03.799><c> your</c><00:03:04.000><c> images</c>

00:03:04.430 --> 00:03:04.440 align:start position:0%
back to your store and your images
 

00:03:04.440 --> 00:03:06.550 align:start position:0%
back to your store and your images
should<00:03:04.720><c> now</c><00:03:04.879><c> be</c><00:03:05.080><c> the</c><00:03:05.280><c> proper</c><00:03:05.640><c> resolution</c><00:03:06.319><c> and</c>

00:03:06.550 --> 00:03:06.560 align:start position:0%
should now be the proper resolution and
 

00:03:06.560 --> 00:03:09.309 align:start position:0%
should now be the proper resolution and
looking<00:03:07.120><c> great</c><00:03:08.120><c> if</c><00:03:08.239><c> your</c><00:03:08.400><c> images</c><00:03:08.840><c> still</c><00:03:09.080><c> look</c>

00:03:09.309 --> 00:03:09.319 align:start position:0%
looking great if your images still look
 

00:03:09.319 --> 00:03:11.390 align:start position:0%
looking great if your images still look
to<00:03:09.400><c> be</c><00:03:09.560><c> low</c><00:03:09.840><c> quality</c><00:03:10.680><c> make</c><00:03:10.840><c> sure</c><00:03:11.080><c> that</c><00:03:11.239><c> the</c>

00:03:11.390 --> 00:03:11.400 align:start position:0%
to be low quality make sure that the
 

00:03:11.400 --> 00:03:12.830 align:start position:0%
to be low quality make sure that the
product<00:03:11.720><c> image</c><00:03:12.080><c> that</c><00:03:12.159><c> you</c><00:03:12.360><c> originally</c>

00:03:12.830 --> 00:03:12.840 align:start position:0%
product image that you originally
 

00:03:12.840 --> 00:03:15.990 align:start position:0%
product image that you originally
uploaded<00:03:13.400><c> is</c><00:03:13.560><c> large</c><00:03:13.879><c> enough</c><00:03:14.879><c> for</c><00:03:15.040><c> most</c><00:03:15.280><c> themes</c>

00:03:15.990 --> 00:03:16.000 align:start position:0%
uploaded is large enough for most themes
 

00:03:16.000 --> 00:03:18.949 align:start position:0%
uploaded is large enough for most themes
any<00:03:16.239><c> image</c><00:03:16.519><c> larger</c><00:03:16.879><c> than</c><00:03:17.040><c> 800</c><00:03:17.640><c> by</c><00:03:17.760><c> 800</c><00:03:18.280><c> pixels</c>

00:03:18.949 --> 00:03:18.959 align:start position:0%
any image larger than 800 by 800 pixels
 

00:03:18.959 --> 00:03:21.309 align:start position:0%
any image larger than 800 by 800 pixels
should<00:03:19.239><c> work</c><00:03:20.159><c> keep</c><00:03:20.360><c> this</c><00:03:20.519><c> in</c><00:03:20.640><c> mind</c><00:03:20.959><c> anytime</c>

00:03:21.309 --> 00:03:21.319 align:start position:0%
should work keep this in mind anytime
 

00:03:21.319 --> 00:03:23.830 align:start position:0%
should work keep this in mind anytime
you<00:03:21.440><c> may</c><00:03:21.599><c> switch</c><00:03:21.879><c> themes</c><00:03:22.159><c> using</c><00:03:22.840><c> woocommerce</c>

00:03:23.830 --> 00:03:23.840 align:start position:0%
you may switch themes using woocommerce
 

00:03:23.840 --> 00:03:26.020 align:start position:0%
you may switch themes using woocommerce
thanks<00:03:24.040><c> for</c>

00:03:26.020 --> 00:03:26.030 align:start position:0%
thanks for
 

00:03:26.030 --> 00:03:27.350 align:start position:0%
thanks for
[Music]

00:03:27.350 --> 00:03:27.360 align:start position:0%
[Music]
 

00:03:27.360 --> 00:03:30.360 align:start position:0%
[Music]
watching