How to move the copyright text in the footer to the middle?

Illdy
1

Hi
I want to centre the text in the copyright section and remove the 3 other footer widjgets is it possible??

2

Hello,

You should be able to achieve this using a CSS solution:

#footer .copyright{
text-align: center;
}
#footer .col-sm-2{
display: none;
}
#footer .col-sm-4 {
    width: 50%;
    margin: 0 auto;
    float: none;
}

Let me know if it’s working as expected.

Regards

3

it changes the text alignment what i meant is i need the copyright text to appear in the middle of the footer not in the far right section of the footer

4

Hello,

The above code should center the copyright widget, as well.

Can you please provide me the website link to have a look for myself?

Regards

5

Hi, which file I should change?

6

Hello,

There’s no need to change any file to remove the copyright text.

Just make sure that you are using the latest theme version (1.0.35) and you’ll be able to remove the text in Dashboard > Appearances > Customize.

Best regards

7

Sorry, I didn’t get it. In Dashboard > Appearances > Customize, it is like the attachment shows.
Where should I put these text in?

8

Hello,

Sorry about it, but it seems like you want to add the CSS code from above, therefore you should head over to Dashboard > Appearances > Editor > Style.css and drop the code there.

Alternatively, you should install a plugin to handle the CSS snippet from the above.

Please confirm that you got everything alright.

Regards

9

Hi

Thanks!
But I already drop the code into style.css file. It still doesn’t work.

10

Can you please provide me website live preview so I can look why the code is not working?

Thank you.

11

Here is my website:
http://gax.shao.ac.cn/ELUCID/

12

Hello @diyiliaoya,

Can you please provide me more details about what you want to achieve?

If you need to remove the copyright from the footer, you should be able to achieve that directly in the dashboard > appearances > customize.

Alternatively, try this CSS solution by placing it at the end of style.css file:

footer .col-sm-3 { display: none !important; }

or this:

footer span { display: none !important; }

Let me know if you got everything alright.

Best regards

13

I want this:

14

Hello,

You should try this CSS solution:

footer .col-sm-3 {
    width: 100%;
    text-align: center;
}

Let me know if everything’s working as expected.

Cheers

15

Thank you! It works!