Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #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?

    #1340298

    Hey 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,
    Mike

    #1340311
    This reply has been marked as private.
    #1340315

    Hi,
    Try adding this:

    #socket .copyright a {
    	padding: 0 10px;
    }

    Then clear your browser cache and check.

    Best regards,
    Mike

    #1340316

    Thanks Mike, but seems there is still no space next to the “♥”…

    #1340319

    Hi,
    I don’t see the css above in your stylesheet, please check or add it in the WordPress ▸ Customize ▸ Additional CSS field

    Best regards,
    Mike

    #1340320

    Hi 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 Jak

    #1340321

    Just saw, i added this to quick css. Where can i find your folder?

    #1340324

    Hi,
    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,
    Mike

    #1340325

    I made i mistake, works now.
    Many thanks, Mike!

    kind regards Jak

    #1340326

    Hi 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

    #1340367

    Hi,
    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;
    2022-02-13_001.jpg
    and regular box-shadow:
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    2022-02-13_002.jpg
    you would add them to the other css like this:
    2022-02-13_003.jpg
    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,
    Mike

    #1340372
    This reply has been marked as private.
    #1340376

    Hi,
    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;
    }
    }

    2022-02-13_006.jpg

    Best regards,
    Mike

    #1340993

    Hi Mike,
    thanks for your help!
    How can i add this for vertical mobile view too?

    kind regards Jak

    #1341147

    Hi,
    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

Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.