Dear all
Solute for your always kind support!
I wish I can know how to adjust this part? I need to 1.change the text, 2.change the logo and 3.make them centralized in the middle. Thank you!!
Dear all
Solute for your always kind support!
I wish I can know how to adjust this part? I need to 1.change the text, 2.change the logo and 3.make them centralized in the middle. Thank you!!
Hi Tianze,
Do you mean you want to change the size of the text in the footer area?
If so, please add this code in the Global CSS:
@media (max-width: 480px) {
.x-colophon.top .h-widget {
font-size: 36px;
text-align: center;
}
.x-colophon.top p {
font-size: 1.3em;
text-align: center;
}
}
As for changing the logo, you will have to do a bit more customization to do it.
You have added the logo in the admin widget area as a Text widget. I suggest adding it as a Custom HTML widget then move the <img />
code you have to the Custom HTML widget.
Once you’ve done it, add a class to the logo. If you want the logo to be visible on desktop devices, add the classes x-hide-sm x-hide-xs
then if you want the element to be visible only on mobile, add the classes x-hide-lg x-hide-md x-hide-xl
. So for you footer area, you can have two <img />
codes like this:
<img class="x-hide-sm x-hide-xs" src="https://cdn.cnsla.org/wp-content/uploads/2019/04/logo-footer.png" alt="Logo">
<img class="x-hide-lg x-hide-md x-hide-xl" src="URL_OF_MOBILE_LOGO" alt="Logo">
Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.
Hope this helps.
Dear Jade, can you be more specify how to "dded the logo in the admin widget area as a Text widget. ". I simply want to replace the logo with mine, it should be easy
Hi Tianze,
By the looks of it, you have added the logo in the Widgets section of the admin area.
Please go to WP Admin > Appearance > Widgets and the logo should be in the Text widget that is in Footer 1.
Hope this helps.
Dear Jade
Thank you very much for your help!
We have already put the CSS into the Global Box, but it seems not working, I mean not centralized. Also we would like to adjust the logo in the Footer to make it looks good, how can we change the Size? Thank you again!!
@media (max-width: 480px) {
.x-colophon.top .h-widget {
font-size: 36px;
text-align: center;
}
.x-colophon.top p {
font-size: 1.3em;
text-align: center;
}
}
Hi Tianze,
Based on the screenshot that you have posted, it seems that you have mistyped @media (max-width: 480px) {
to @mediia (max-width: 480px) {
so kindly double check it.
Thank you.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.