Style elements in HTML

Hey Alex,
Thanks for your patience, the css you have posted above is for the background image for a color section, if you remove this then the background image will not show.
You can disable Post CSS files with this function in your functions.php

function custom_avf_post_css_create_file( $create )
{
	return false;
}

add_filter( 'avf_post_css_create_file', 'custom_avf_post_css_create_file', 10, 1 );

Best regards,
Mike

Hi,
What do you mean your HTML is broken? Can you point to an example, when I look at your site it looks fine.
Perhaps the issue is with a plugin, the best why to duplicate pages it to Enable the Avia Layout Builder Debugger and copy the shortcode.
You should not need to disable Post CSS files or remove the inline css.

Best regards,
Mike

Hi,

Thank you for the update.

Did you add any custom css code in the Quick CSS field or in the style.css file? It is possible that there invalid css code there that affects the dynamic stylesheet. Please provide the login details in the private field so that we can check the issue further. Screenshots of the broken html issue will also help.

Best regards,
Ismael

Hi,
How are you trying the nth-child selector?
The style should not cause any issues, if you are targeting the first image then you would use .avia-image-container:first-child
or whatever element you are targeting use the class of that element and the nth-child selector for it’s position.
It sounds like you are tying to use the parent class and then count elements from there.
Try reviewing this article: Useful :nth-child Recipes

Best regards,
Mike

Hi,
Thanks for the feedback, I don’t think that the style is causing an issue with your css nth-child, I believe that your css doesn’t have enough specifically to override the theme margin, you would need at least an ID added to your css.
If you could link to your page and explain what you are trying to do then we could recommend some css that will work for you.
The css should not cause any issues when you copy the pages because you also want the css for the elements on the pages that you are copying.
Have you tied saving your page, or the elements on the page, as a template in the Advanced Layout Builder and then applying it you are other pages?
How are you duplicating your pages, with a plugin?

Best regards,
Mike

Hi,
Thanks for the explanation, when you disable the post-css files that contain the page css the css is then added to the page inline, if you remove this css your page will lose it’s css.
You can test with this script in your child theme functions.php, it will remove it, in my test your page also loses it style.

function remove_inline_style() { ?>
  <script>
(function($){
    $('#top.home style[data-created_by="avia_inline_auto"]').remove();
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'remove_inline_style');

I have used the Yoast post duplicate in the past and didn’t notice any issues with the page style, I also tested again today and couldn’t reproduce any issues. My daily page duplication is a script I found in the WP Code plugin, here is a link to it.
Perhaps this will work better for you than the plugin.
If this doesn’t help, then try disabling your function that removes the post-css and Enable the Avia Layout Builder Debugger and clone your pages by copying the shortcode of the page to your new page.

Best regards,
Mike

Hi,
Glad to hear that the WP Code duplication script is working for you, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,

Glad to know that the issue has been resolved. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael