how to move the footer copyright text to Right

Shapely
1

i want to move the footer copyright text to right but cant able to do that
i have tried to do it like .
.copyright-text {
text-align: right;
}
but its not moving the text to right but to center

And my second question is to how to reduce the space between footer text widgets for mobiles only
please see the below screenshot

the page is at http://www.grinskart.com/

2

Hi @ethann,

I hope you are well today and thank you for your questions.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

.site-info.col-sm-6, .copyright-text {
    float: right;
}
@media (max-width: 767px){
.footer-widget-area .widget {
    margin-bottom: 0;
}
}

Best Regards,
Movin

3

the above solution worked but i have one more question i am using child theme of shapely but some of styles of parent theme could not be overridden in child theme Style.css file. but same can be overridden in child theme customizer please advise me how to solve it.

for example: the above code is not working in style.css file of child theme but is working in customizer of child theme

4
for example: the above code is not working in style.css file of child theme but is working in customizer of child theme

This is because of CSS specificity. You have to make the code more specific as following.


#page .site-info.col-sm-6, .copyright-text {
    float: right;
}
@media (max-width: 767px){
#page .footer-widget-area .widget {
    margin-bottom: 0;
}
}