[Resolved] Seeing a few styles showing differently when using a child theme

[Jung]

Hi, I am using my child theme and I am noticing some elements are looking different than the original site.

For example, I am using the site library theme — vinyasa — and I see the cover image has a white space on both sides (margins) and some buttons are not styled properly.

/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Author: Tom Usborne
Author URI: https://tomusborne.com
Template: generatepress
Version: 3.0.2
Requires at least: 4.5.0
Tested up to: 5.5
Requires PHP: 5.4.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: generatepress
*/

@import url(“../generatepress/assets/css/all.css”);

As you can see I only have one line of @import, which is connected to all.css. Are there more stylesheets to connect in order to fully match the appearance of the parent theme?

Thank you.

[Leo]

Hi there,

Did you copy the CSS in the Additional CSS field in the customizer from the parent theme to the child theme’s style.css?

Let me know 🙂

[Jung]

Okay, I placed the CSS field of the customizer from the parent theme into the child theme customizer and it did the job!

Thank you.

To come to the conclusion, I did not even need to enqueue with @import right? I read the documentation and it says using @import is not recommended.

[David]

Hi there,

thats correct you do not need to enqueue – GP does that for you.

[Author]

Posts