Activating Child theme breaks alignments & sizes

  • Resolved barneysculptmonkey

    (@barneysculptmonkey)


    11 months, 1 week ago

    I was using SiteOrigins pagebuilder in the past. I converted everything to Blocks and installed the Twenty Twenty Four (TTF) theme. I replaced all the old content on the homepage/frontpage. I have used the default blocks that come with WordPress. Everything looks fine in the parent theme as you can see below.

    I was happy with this and created a child theme. I followed the tutorials and created a child folder and made 2 files. When I activated the child theme all alignments and sizes seem to break at random: Image alignments, sizes, button widths, site sizes, spacing between columns, etc.

    Here’s what’s in my functions.php file

    <?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
	wp_enqueue_style( 'child-style',
		get_stylesheet_uri(),
		array( 'parenthandle' ),
		wp_get_theme()->get( 'Version' ) // This only works if you have Version defined in the style header.
	);
}

    And here’s what’s in the style.css file

    /*
Theme Name: Twenty Twenty-Four Child Theme
Theme URI: https://www.ads-software.com/themes/twentytwentyfour/
Description:  Twenty Twenty-Four Child Theme
Template: twentytwentyfour
Author: Sculpt Monkey
Author URI: https://www.sculptmonkey.com/
Version: 1.0
Text Domain: twentytwentyfour
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

*/

    Is there something that I am doing wrong? I have deactivated the SiteOrigins widgets and pagebuilder along with W3 Total Cache and other plugins. It’s more or less on basic plugins and WooCommerce. I don’t have much technical knowledge. All that I know is from your helpful forums and help files. I am a sculptor by profession! Thanks for any help that you can give!

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Kavya Gokul (a11n)

    (@properlypurple)

    Hi @barneysculptmonkey! Have you tried generating a child theme using the Create block theme plugin instead? Block themes like this one handle some things differently, and the plugin takes care of that.

    Thread Starter barneysculptmonkey

    (@barneysculptmonkey)

    Hi @properlypurple,

    I’m sorry for the delay in replying. I was down with dengue fever. In answer to your question: No, I have not used the “create block theme” plugin.

    1. Now if I used this plugin to create the child theme, would I have to keep this plugin or can I uninstall it?
    2. Do I have to remove my current child theme?
    Moderator jordesign

    (@jordesign)

    Hi @barneysculpturemonkey

    I’m sorry for the delay in replying. I was down with dengue fever.

    I’m so sorry to hear that – hope you are doing better now. I’ll see if I can answer those questions for you.

    Now if I used this plugin to create the child theme, would I have to keep this plugin or can I uninstall it?

    It won’t need to remain active and installed – once the child theme is created, you’d be able to remove the plugin

    Do I have to remove my current child theme?

    If you created a new child theme using the plugin – it would replace your existing child theme as the active theme. You could still have the old child theme installed – but it wouldn’t be getting used.

    Thread Starter barneysculptmonkey

    (@barneysculptmonkey)

    Thank you! I’ll try out the plugin!

    Thread Starter barneysculptmonkey

    (@barneysculptmonkey)

    Hi,

    I’ve used the “create block theme” plugin to create a child theme of 2024. Most of the things worked out well. There were a few things:

    1. Button text colour was set in the style editor of the parent 2024 theme. It reverted to black in the child theme. The default colours like black, white and grey were missing from the styles in the child theme. Even though I created dummy black, white and grey in the style editor of the parent, the text colour of the button went back to black. The dummy colours created as custom are present in the child theme. Solution: set it again in the child theme using the style editor.
    2. The footer had a shortcode for “Page to scroll” plugin and worked fine in the parent 2024 theme. It doesn’t work in the child theme and shows as plain text. Solution: Luckily there was a block for that plugin. I am using that now.
    3. Images that have been set on “Expand on click” function well in the parent theme. In the child theme, they open up without the white background. It looks like a glitch. Solution: I have chosen to live with it, unless there is some fix.
    4. I created some custom patterns of paragraphs that I repeat often. Again the text colours didn’t port over. Solution: Do them again!

    That’s all that I could observe. On the overall, the site is working well and no random style changes like the past. I am happy!

    Thank you! I am marking this as closed. It would be nice to know if there’s a solution for the “Expand on click”. Thank you so much!

    Moderator jordesign

    (@jordesign)

    Hi @barneysculptmonkey – glad to hear it (mostly) went well. That issue with the ‘Expand on Click’ is definitely an odd once. Do you have a URL of the new site where I can see it? It may be that it is a bug worth reporting to the plugin.

    Thread Starter barneysculptmonkey

    (@barneysculptmonkey)

    Sure! Here’s the link: https://www.sculptmonkey.com

    Moderator jordesign

    (@jordesign)

    Hi @barneysculptmonkey – that’s definitely strange. If you change the background color of the site itself – does that impact the color used when images are expanded?

    Thread Starter barneysculptmonkey

    (@barneysculptmonkey)

    Yes, that did it…Setting the website’s background colour to white (in the style editor) did the trick. Thank you!!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Activating Child theme breaks alignments & sizes’ is closed to new replies.