Algin Footer With Left Aligned Text


#1

Hi

I have managed to get the footer to align in the center using the following code

#sidebar-footer.footer-widgets.widget-area .container {
	text-align: center;
}

This produces this

However, I now want the text to align to the left.

The screenshot below only demonstrates what I’m trying to achieve.

Many thanks

Will


#2

Hello Will,

I am sorry, I didn’t get it. Please put some descriptive annotations to help me better understand it.

Regards,
Kharis


#3

Hi Kharis

I’ve updated the images on the orignal post. Please see above.

Many thanks

Will


#4

Hello Will,

The footer area’s container should expand widely aligned to the top left and right header. You can see it on our demo:

https://demo.athemes.com/sydney-pro/

Did you apply some custom CSS code to style it before?

If possible, please share a link to your site, so I can have a look.

Regards,
Kharis


#5

Hi Kharis

Sorry for the late reply. The URL is https://thesurgenetwork.net


#6

Hello there,

I checked your site and found it looks good now.

Let me know if you still need an assistance with it.

Regards,
Kharis


#7

Hi Kharis

The red box in the screenshot shows the containter being centered and the green line shows that the alignment is still on the left. Do you notice how the spacing (the turquoise lines) is equally spaced?

As shown in the inspector I applied 350px left padding just so I can demonstrate it.

I hope that makes more sense?

Kind regards

Will