-
AuthorPosts
-
February 11, 2022 at 10:23 pm #1340216
Hi,
i would like to change the size of the copyright text in my footer and like to center the text.
How can i do that?February 12, 2022 at 8:24 pm #1340298Hey Jak73,
Thanks for the link to your site, Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:#socket .copyright { float: none; width: 100%; display: inline-flex; justify-content: center; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeFebruary 12, 2022 at 10:38 pm #1340311This reply has been marked as private.February 12, 2022 at 11:33 pm #1340315Hi,
Try adding this:#socket .copyright a { padding: 0 10px; }
Then clear your browser cache and check.
Best regards,
MikeFebruary 12, 2022 at 11:38 pm #1340316Thanks Mike, but seems there is still no space next to the “♥”…
February 12, 2022 at 11:47 pm #1340319Hi,
I don’t see the css above in your stylesheet, please check or add it in the WordPress ▸ Customize ▸ Additional CSS fieldBest regards,
MikeFebruary 13, 2022 at 12:01 am #1340320Hi Mike,
thanks for your reply!
I added this allready:#socket .copyright {
float: none;
width: 100%;
display: inline-flex;
justify-content: center;
padding: 0 10px;
font-family: ‘press-start-2p’;
font-size: 15px;
}
Should be there…
kind regards JakFebruary 13, 2022 at 12:02 am #1340321Just saw, i added this to quick css. Where can i find your folder?
February 13, 2022 at 12:10 am #1340324Hi,
I see, sorry you need to add it like this:#socket .copyright { float: none; width: 100%; display: inline-flex; justify-content: center; font-family: 'press-start-2p'; font-size: 15px; } #socket .copyright a { padding: 0 10px; }
one rule for copyright text, and one rule for copyright links.
Best regards,
MikeFebruary 13, 2022 at 12:13 am #1340325I made i mistake, works now.
Many thanks, Mike!kind regards Jak
February 13, 2022 at 12:19 am #1340326Hi Mike,
i just saw, you closed the burger menue thread. I have one more for that:
How can i add a shadow to the burger menu icon?kind regrads Jak
February 13, 2022 at 2:40 pm #1340367Hi,
Glad this helps, sorry about the other thread, it sounded like we were done,
So a shadow to the burger menu icon will be a square shadow because the png image is square, you have two options inset box-shadow:
box-shadow: rgba(0, 0, 0, 0.6) 3px 2px 9px -3px inset;
and regular box-shadow:
box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
you would add them to the other css like this:
But I don’t think this is what you really want, I believe you want a shadow that outlines the hamburger image and for that you will need to add it via photoshop, you can probably get it done on fivver this afternoon.Best regards,
MikeFebruary 13, 2022 at 3:03 pm #1340372This reply has been marked as private.February 13, 2022 at 3:24 pm #1340376Hi,
For mobile you will need to use a smaller font size than 14px, but even then you will probably need to use two lines, I’m not sure how small you will want to go, but here is an example:@media only screen and (max-width: 767px) { #socket .copyright { font-size: 10px; display: inline-block!important; } }
Best regards,
MikeFebruary 16, 2022 at 11:22 pm #1340993Hi Mike,
thanks for your help!
How can i add this for vertical mobile view too?kind regards Jak
February 17, 2022 at 1:29 pm #1341147Hi,
The above example was for portrait & landscape mobile, try adjusting the font size smaller or larger to suit your needs.
The socket is set to 85% width, if you like you can also change this for mobile with this:@media only screen and (max-width: 767px) { .responsive #top #socket > .container { width: 100%; max-width: 100%; } }
this will set the width to 100% to give you more room, try a combination of different widths and font sizes to suit your needs.
If you still have trouble post a screenshot of what you see and what you expect and the width (screen resolution) of the device you are using.Best regards,
Mike -
AuthorPosts
- You must be logged in to reply to this topic.