Change number and position of widgets on footer

Illdy
1

Hello,
I only use 2 widgets on my footer, and they take up the whole width of the section. Now I want to add a third widget, but I really wanted it to show under 1 and 2 and also use the whole width. Is that possible?

I am currently using this custom CSS:

/*Footer order right to left*/
#footer > div.container > div > div:nth-child(1){
    width:0%;
}
#footer > div.container > div > div:nth-child(2){
  width:50%;
}
#footer > div.container > div > div:nth-child(3){
  width:40%;
}
#footer > div.container > div > div:nth-child(4){
  width:0%;
}

Thank you in advance!

2

Hey there,

I hope you are well today and thank you for your question.
I made some modification to the code you can try this.
The third widget added would fall below with 100% width;

/*Footer order right to left*/
#footer > div.container > div > div:nth-child(1){
    width:50%;
}
#footer > div.container > div > div:nth-child(2){
  width:50%;
}
#footer > div.container > div > div:nth-child(3){
  margin:0 auto;
  width:100%;
}
#footer > div.container > div > div:nth-child(4){
  width:100%;

Best regards,
Support.

3

Worked great, thank you!

4

One more thing: after this adjustment, the skill bars are showing again. Even though have this code

#about .skill {
    display: none!Important;    
  }

which was previously working to hide them.

5

Hello there,

You can use the following CSS code to hide the skill bar once more by going to Appearance > Customize > Additional CSS and pasting it there.

/*Skill Bar*/ #about .skill .skill-top { display: none; }

If this does not work, please provide a link to your website so that I can inspect it.

Best Regards,
Support