Feature Image not reducing by decreasing padding-bottom:

Thanks for using Ignite!

With your child theme, what you want to do is add additional CSS that will override the parent’s CSS. I see right now that the code from Ignite’s stylesheet has been added into the child theme’s style.css file and edited there.

You can download an empty Ignite child theme from here as a starting point if you’d like.

Also, if you’re not not editing any template files and you’re only making changes with CSS, you can actually skip using a child theme entirely, and put all of your CSS edits into the Custom CSS section in the Customizer (Appearance > Customize).

Cheers Ben – we appreciate your work and help!!

I am new to WP so just learning it. Old dog and this is a new trick (but a good one!).

It seems like the “Appearance > Customize” worked – that must be the last to load. Shouldn’t the changes in the child CSS have worked too (even though it was a copy of the ignite CSS styles)? Maybe something was resetting it after the block I was editing on Line 815 or so?

Without copying all styles, how would you go about updating link colors? There are several, about 33. Adding those all new without copying parent to the child would be difficult.

Ed

Okay cool, glad the custom css box is working for you.

I believe the code in the child theme wasn’t working because the featured image’s size is set a few times within media queries later in the stylesheet. Your previous edit would have worked, but only on screens at the mobile device width.

If you want to update all link styles, you could try the following:

a,
a:link,
a:visited {
  color: blue !important;
}
a:hover,
a:active,
a:focus {
  color: red !important;
}

Using !important! tags is a bit heavy-handed, but usually gets the job done. Since the code in the Custom CSS box is always loaded last, you can usually copy any CSS from Ignite and put it there and your code will override the default code.

Thanks Ben – marking this as resolved!