# Use an existing child threme in PG WP?

**URL:** <https://forum.pinegrow.com/t/use-an-existing-child-threme-in-pg-wp/6456>\
**Category:** Pinegrow WP\
**Created:** [April 3, 2022, 4:07pm UTC](https://forum.pinegrow.com/t/use-an-existing-child-threme-in-pg-wp/6456 "2022-04-03T16:07:24Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\
**Post date:** [April 3, 2022, 4:07pm UTC](https://forum.pinegrow.com/t/use-an-existing-child-threme-in-pg-wp/6456/1 "2022-04-03T16:07:24Z")

</div>

I notice you’ve been putting out a lot of WP tutorials lately.  
Can I edit my existing child threme [funkyhistory.com](http://funkyhistory.com) in PG WP?  
There are a few things I’d like to tweak like the space between the top menus and the title.

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [April 3, 2022, 6:21pm UTC](https://forum.pinegrow.com/t/use-an-existing-child-threme-in-pg-wp/6456/2 "2022-04-03T18:21:01Z")

</div>

Hi @kat,  
You really need the original HTML files for the theme. The php files of an already constructed theme don’t really load in well most of the time.  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\
**Post date:** [April 3, 2022, 8:03pm UTC](https://forum.pinegrow.com/t/use-an-existing-child-threme-in-pg-wp/6456/3 "2022-04-03T20:03:40Z")

</div>

Oh well. Maybe I can figure it out where the extra space is with devtools or Visbug

---

<div class="post-metadata">

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\
**Post date:** [April 4, 2022, 1:20pm UTC](https://forum.pinegrow.com/t/use-an-existing-child-threme-in-pg-wp/6456/4 "2022-04-04T13:20:50Z")

</div>

I have a portraits-history for my child theme with a styles.css. Seems that I just set .site-header padding-bottom: 0 in my styles.css.  
Unfortunately original theme is in scss which I don’t know. Can you help me find which padding-bottom to zero out?

```auto
.site-header {
	padding: 1em;

	&.featured-image {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		min-height: 90vh;

		.site-branding-container {
			margin-bottom: auto;
		}
	}

	@include media(tablet) {
		margin: 0;
		padding: 3rem 0;

		&.featured-image {
			min-height: 100vh;
			margin-bottom: 3rem;
		}
	}
}

```

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [April 4, 2022, 6:15pm UTC](https://forum.pinegrow.com/t/use-an-existing-child-threme-in-pg-wp/6456/5 "2022-04-04T18:15:28Z")

</div>

Hi @kat,  
So in scss, the classes inside the curly bracket are added to the parent, either with or without a space. So the first rule will only have the selector `.site-header`. I’m guessing that is what you want.  
The lower `@include` is a mixin that is specific to your style code, but I’m guessing it is a media query. Don’t know if it is tablet and up, or tablet specific, or…  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\
**Post date:** [April 6, 2022, 2:00pm UTC](https://forum.pinegrow.com/t/use-an-existing-child-threme-in-pg-wp/6456/6 "2022-04-06T14:00:51Z")

</div>

My WP site has lots of SCSS. Does WP have a compiler, or some way to read/show SCSS? Just watched a SCSS tutorial and seems that SCSS needs to be compiled into CSS. Clarification on this please.

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [April 6, 2022, 2:25pm UTC](https://forum.pinegrow.com/t/use-an-existing-child-threme-in-pg-wp/6456/7 "2022-04-06T14:25:21Z")

</div>

Hi @kat,  
Your site is either using a plugin to compile the SCSS, or is actually loading an already compiled version. Take a look with the Developer’s tools to see what is being loaded.  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\
**Post date:** [April 6, 2022, 2:48pm UTC](https://forum.pinegrow.com/t/use-an-existing-child-threme-in-pg-wp/6456/8 "2022-04-06T14:48:21Z")

</div>

I got the compiled part right. I’m learning. Back to devtools. Thanks

---

<div class="post-metadata">

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\
**Post date:** [April 7, 2022, 6:39pm UTC](https://forum.pinegrow.com/t/use-an-existing-child-threme-in-pg-wp/6456/9 "2022-04-07T18:39:18Z")

</div>

Could I make a PG WP theme, upload it to my current WP site and change the theme there to my new PG theme?

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [April 8, 2022, 9:33am UTC](https://forum.pinegrow.com/t/use-an-existing-child-threme-in-pg-wp/6456/10 "2022-04-08T09:33:06Z")

</div>

Hi @kat,  
Yeah, of course! That is one of the more popular things that people use Pinegrow to accomplish. Producing and selling WordPress themes.  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Post date:** [April 8, 2022, 10:37am UTC](https://forum.pinegrow.com/t/use-an-existing-child-threme-in-pg-wp/6456/11 "2022-04-08T10:37:07Z")

</div>

@kat regarding child themes and Pinegrow, here is an [interesting reading](https://pinegrow.com/docs/wordpress/faq-about-creating-wordpress-themes-with-pinegrow/#does-pinegrow-allow-the-creation-of-child-themes) in our FAQ about creating WordPress themes with Pinegrow.

---

<div class="post-metadata">

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\
**Post date:** [April 8, 2022, 2:27pm UTC](https://forum.pinegrow.com/t/use-an-existing-child-threme-in-pg-wp/6456/12 "2022-04-08T14:27:27Z")

</div>

I read the article and will start watching your tutorials little by little.
