humbertorobles

Hi @fernandoazarcon2 . It works. Thank you

It works. Thank you

I would like or remove the generatepress style or load my styles after the GP styles.
I enqueued my styles with this function:

add_action( 'wp_enqueue_scripts', 'hrd_enqueue_styles' );
function hrd_enqueue_styles() {

    wp_enqueue_style( 'gp-child-style', get_stylesheet_directory_uri( ) . '/dist/index.css', array(), VERSION, 'all');
    wp_enqueue_style( 'swiper-css', 'https://unpkg.com/swiper@8/swiper-bundle.min.css', array(), '', 'all');

    wp_enqueue_script('jquery');
    wp_enqueue_script('fontawesome', 'https://kit.fontawesome.com/03d62932bb.js', array(), '', true);
    wp_enqueue_script('swiper-js', 'https://unpkg.com/swiper@8/swiper-bundle.min.js', array(), '', true);
    wp_enqueue_script('gp-child-js', get_stylesheet_directory_uri( ) . '/dist/index.js', array('jquery'), VERSION, true);
}

In the source code I obtain first my style (id=’gp-child-style-css’) and after GP style:

<link rel='stylesheet' id='gp-child-style-css'  href='https://medical-house.local/wp-content/themes/generatepress-child/dist/index.css?ver=1' media='all' />
<link rel='stylesheet' id='swiper-css-css'  href='https://unpkg.com/swiper@8/swiper-bundle.min.css?ver=6.0' media='all' />
<link rel='stylesheet' id='generate-widget-areas-css'  href='https://medical-house.local/wp-content/themes/generatepress/assets/css/components/widget-areas.min.css?ver=3.1.3' media='all' />
<link rel='stylesheet' id='generate-style-css'  href='https://medical-house.local/wp-content/themes/generatepress/assets/css/main.min.css?ver=3.1.3' media='all' />

Hi,
I prefer using Javascript than modifies header.php

Everything clear, much appreciated.