Dawn theme justify footer text desktop version only

[lslelegance]

website : https://lslelegance.myshopify.com

need help with the following :

I require the following :

a) justify the text in the footer marked in the image below to be square shape and neat

@SetuBridge_1

[SetuBridge_1]

Hello @lslelegance

Greetings!!

Hello @lslelegance ,

Greetings!!

Please follow these steps:

• Step 1: Go to Online store > Themes > Actions > Edit code->asstes->base.css

footer.footer h2.footer-block__heading {
   font-weight: 600;
   text-transform: uppercase;
}

Output :

[lslelegance]

Hi sorry if misunderstood me but I wish the this text only to be like this as shown in the image (justified alignment )

[SetuBridge_1]

Hello @lslelegance

Greetings!!

Please follow these steps:

• Step 1: Go to Online store > Themes > Actions > Edit code->asstes->base.css

@media screen and (min-width: 750px){
  .footer-block__details-content {
     width: 310px;
   }
}
 .footer-block__details-content{text-align: justify;}

[lslelegance]

@SetuBridge_1 is perfect however the homepage on the mobile version the footer is not centered and all the other pages is centered can you assist again please ?thanks so much !

[SetuBridge_1]

Hello @lslelegance

Greetings!!!

Please follow these steps:

• Step 1: Go to Online store > Themes > Actions > Edit code->asstes->base.css

@media screen and (max-width: 750px){
   footer.footer { text-align: center;   }
   footer.footer .footer-block__details-content .list-menu__item--link{
      justify-content: space-around;
   }
}

[Sabeen1]

Hi,

I want to decrease the vertical space between the two texts. See Photo.

Also I want to decrease the section width.

Can someone help.

Thanks,