Text-align: right for footer widget text


#1

Hi all,

I’m building my website and I need some help in adding a custom CSS to align the text to the right side in my right footer widget. I’ve tried some custom CSS entries but these don’t seem to work. I’ve already aligned them centre for mobile view but for desktop view I’d like to have this one widget to be aligned to the right.

url: www.aylotech.com

Thanks!


#2

Hello @shaheerb,

I will be glad to help you, but can you please provide some explanatory screenshots?

You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online screenshot services.

Kind Regards, Roman.


#3

Hi thanks for offering to help,

This is the current:

Current

This is the desired (achieved with chrome inspect element):

desired

Thanks!


#4

Hello @shaheerb,

Please try to use the following CSS code to align third footer widget in desktop view.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

@media only screen and (min-width: 992px) {
    div#sidebar-footer div.sidebar-column.col-md-4:nth-child(3) {
        text-align: right;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.


#5

Thank you Roman! That worked perfectly - I was missing the “nth-child(3)” in my code

Much appreciate the help :slight_smile:


#6

You are welcome @shaheerb!

And have a nice day :slight_smile:

Kind Regards, Roman.