How to remove gap/space between widget and layout child in Elementor?

in Elementor, by default if we add layout inside an widget, we can see there’s a gap or space between widget and layout (widget’s child), as seen in below picture:

enter image description here

is there any way to remove it, because I still cant found it.

user behavior – How to design a parent child relation using vuetify table?

I have to do a crud example for my parent table(this part is ok),i have used vuetify datatable,but for each parent element i should display all childs ,then should do the all operations like create,update,delete for all the childs.As my idea is to add a btn in action columns which will redirect me to another page with all the childs displayed .
Is there any other suggestions to help how to design it?
Thank u ,
Nelida

functions – Randomizing wp_tag_cloud() in child theme

I’m trying to write a wordpress function code in my child theme that randomizes the words in the word cloud where previously it was alphabetized.

The code Im using is below, which doesn’t work.

//
add_filter('wp_tag_cloud_args', 'my_wp_tag_cloud_args_filter');
function my_wp_nav_menu_args_filter($args) {
    $args('order') = 'RAND';
    // do something
    return $args;
}
//

I’m able to update the wp_tag_cloud()’s default (‘Order’ = ‘RAND’) args in wp-includes/category-template.php but I know that any changes will get replaced. The change work when in that file.

How can I move those set of changes to my wordpress child theme?

Spring creates twice a child bean on inheritance and never creates parent bean

I have such configuration:

@Configuration
public class A {


@Bean("A")
    public WebServiceTemplate webServiceTemplateISU() throws Exception {
        return createTemplate();
    }


    WebServiceTemplate createTemplate() throws Exception {
        WebServiceTemplate webServiceTemplate = new WebServiceTemplate();
    webServiceTemplate.setDefaultUri(url_01); 
       ..........
       .........
        return webServiceTemplate;
    }


}

@Configuration
public class B extends A {


@Bean("B")
    public WebServiceTemplate webServiceTemplateISU() throws Exception {
    WebServiceTemplate template = createTemplate();
    template.setDefaultUri(url_02);
        return template;
    }


}

The problem is that when Spring autowires @Bean(“B”) when I autowire it with @Qualifier(“A”) and when I autowire it with @Qualifier(“B”):

@Qualifier(“A”)
private @Autowired WebServiceTemplate template; (here is template with url_02)

@Qualifier(“B”)
private @Autowired WebServiceTemplate template; (here is template with url_02)

In debug mode I see that Spring creates @Bean(“B”) twice and never creates @Bean(“A”)

Child theme stylesheet not reflecting the changes

I have created a child theme and the website is showing up properly with the activated child theme. I made some changes in the child theme’s php files for adding two controls in the child theme’s Appearance –> Customize section which will add a button (“Download my cv” button) on the home page. To do this I have added two php files and made modifications in them, keeping the same folder structure as the parent theme. They are working perfectly locally but not on the server. Although in localhost I have made the changes directly on the parent theme files.

I also can see the child theme’s style sheet is loading by view source but on making modification in the style sheet its not showing the changes. Whereas any modification in functions.php is working. Some help would be appreciated. Please check the screenshots. Thanks
changes in localhost on parent theme working fine but changes in the child theme on server not working

Unable to move / copy files from parent to child site

We have a site and a subsite and with the copy / move functions I can see the parent site from the subsite in the “Choose a destination” window, but not the other way around. From the parent site, I can’t see the child site. I am “following” both sites. I was unable to see the parent site from the child site until I changed the privacy setting for the site to public.

I know this has to be a simple setting somewhere but I can’t figure it out.

Thanks in advance for any help you can offer.

unity – How to calculate a direction that will turn a parent so that a locally-rotated child is faced in a given direction?

Imagine an old sailing ship with cannons: they’re pointed out at 90° angles from the ship’s hull, so in order to fire them, you have to turn the whole ship so that the cannons are pointed at the target. I’m hoping to figure how to calculate “where to point the ship so that the cannons are aimed correctly,” but for any possible cannon-angle (not just 90°) in 3D space.

I’m an experienced dev but a total 3D newb, so this vector stuff is wrinkling my brain. This is what I have right now, calculated from the child’s (cannon’s) gameObject:

Vector3 directionToAim = (transform.localRotation * (transform.position - target.position)).normalized;

It’s working for side-facing weapons (like the sailing ship), but for forward-facing weapons it turns the parent in the opposite direction, directly away from the target. Also, my vague understanding is that it’s better to use Quaternions for this, rather than Vector3, is that right?

Can someone help me grasp how these parent/child rotations can be calculated?

javascript – Looking for a better way to clear fields in child components

HOW IT WORKS – When you update a field, all of the fields after it are cleared. (It must work this way to ensure the user fills it out in order. Also a field depends on the value in the previous field)
Each child component has a useEffect which should reset the field if the parent tells it to do so, then tell the parent that it has been reset by setting setClear**** back to false;

I’ve created a simplified example below, that resembles the structure of a more complicated form I have created in another application.

Although it works, I’m unhappy with how fields are being cleared. I feel that it should be more simple. If my form grows by adding just a single element, for example ‘Name’, I’d have to add state ‘Name’, add state for ‘clearName’, and add another case to my switch statement. To me, I think this is too complex considering my actual application has 8 input fields.

(The child components in the actual application are not as simple and repetitive as they are in this example… this has simplified just to focus on the clearing aspect of the code)

Any suggested improvements for my design structure would be much appreciated!

PARENT COMPONENT

import React, { useState, useEffect } from 'react';

const ParentComponent = () => {
  const SPECIES_FIELD = 'speciesField';
  const BREED_FIELD = 'breedField';
  const COLOR_FIELD = 'colorField';
  const ALL = 'all';

  const (species, setSpecies) = useState('');
  const (breed, setBreed) = useState('');
  const (color, setColor) = useState('');

  const (clearSpecies, setClearSpecies) = useState('');
  const (clearBreed, setClearBreed) = useState('');
  const (clearColor, setClearColor) = useState('');

  const resetElementsAfter = field => {
    switch (field) {
      case ALL:
        setClearSpecies(true);
        setClearBreed(true);
        setClearColor(true);
      case SPECIES_FIELD:
        setClearBreed(true);
        setClearColor(true);
        break;
      case BREED_FIELD:
        setClearColor(true);
        break;
    }
  };

  return (
    <>
      <ChooseSpecies changed={val => {resetElementsAfter(SPECIES_FIELD); setSpecies(val);}} clearField={clearSpecies} setClearField={setClearSpecies}/>
      <ChooseBreed changed={val => {resetElementsAfter(BREED_FIELD); setBreed(val);}} clearField={clearBreed} setClearField={setClearBreed}/>
      <ChooseColor changed={setColor} clearField={clearColor} setClearField={setClearColor}/>

      <div>Species: {species}</div>
      <div>Breed: {breed}</div>
      <div>Color: {color}</div>

      <Button onClick={() => resetElementsAfter(ALL)} />
    </>
  );
}

CHILD COMP – 1ST FIELD

import React, { useState, useEffect } from 'react';

const ChooseSpecies = ({ changed, clearField, setClearField }) => {
  const values = ('Dog', 'Cat');

  const (fieldValue, setFieldValue) = ('');

  useEffect(() => {
    if(clearField){
      changed('');
      setFieldValue('');
      setClearField(false);
    }
  }, (clearField));

  const handleChange = e => {
    setFieldValue(e.target.value);
    changed(e.target.value);
  };

  <Dropdown values={values} fieldValue={fieldValue} changed={handleChange}/>
}

CHILD COMP – 2ND FIELD

import React, { useState, useEffect } from 'react';

const ChooseBreed = ({ changed, clearField, setClearField }) => {
  const values = ({
    Dog: ('Lab', 'Staffie'),
    Cat: ('Maine Coone, Sphynx')
  });

  const (fieldValue, setFieldValue) = ('');

  useEffect(() => {
    if(clearField){
      changed('');
      setFieldValue('');
      setClearField(false);
    }
  }, (clearField));

  const handleChange = e => {
    setFieldValue(e.target.value);
    changed(e.target.value);
  };

  <Dropdown values={values} fieldValue={fieldValue} changed={handleChange}/>
}

CHILD COMP – 3RD FIELD

import React, { useState, useEffect } from 'react';

const ChooseColor = ({ changed, clearField, setClearField }) => {
  const values = ('Black', 'White', 'Brown');

  const (fieldValue, setFieldValue) = ('');

  useEffect(() => {
    if(clearField){
      changed('');
      setFieldValue('');
      setClearField(false);
    }
  }, (clearField));

  const handleChange = e => {
    setFieldValue(e.target.value);
    changed(e.target.value);
  };

  <Dropdown values={values} fieldValue={fieldValue} changed={handleChange}/>
}

How do I exclude a specific page (and child pages) from the search results?

How do I exclude a specific page (and child pages) from the search results?

I’ve seen posts showing how to exclude all pages. I don’t want that. I want to target a page and it’s children and exclude them and only them.