Before you ask please READ THIS

How to add Created by ... on the right/down corner?

in Rife Posts: 35
Hello :-)

I have one more question.
How can I add text Created by Internet Space with link to my site on the right/down corner, similar like on attached file?

Kind regards,
Arek
created.png
1183 x 106 - 17K

Comments

  • AirAir
    Posts: 10,449
    Hey :-)

    I don't know if in the right corner, but you have for this footer text in Appearance → Customize → General settings → Footer → Content

    There you can add HTML with link.

    Later I can help you with positioning this text on the right, but I will need a live link.

    With kind regards.
  • edited June 1 Posts: 35
    Hey :-)

    I have add © 2019 • K.SKRZYNECKA in Appearance → Customize → General settings → Footer → Content but I need to add both informations: © 2019 • K.SKRZYNECKA on the left and Created by Internet Space with link to my site on the right/down corner.

    Is it passible to put them both there similar like on attached file?

    Site: https://skrzynecka5.js-metals.pl

    Kind regards,
    Arek
    created-2.png
    1160 x 97 - 15K
    Post edited by Arek on
  • AirAir
    Posts: 10,449
    Hey :-)

    You would need to create such mini HTML structure as the footer content:
    <div class="foot-left">© 2019 • K.SKRZYNECKA</div>
    <div class="foot-right"><a href="#">Created by Internet Space</a></div>
    and add such custom CSS:
    .foot-text{
    	display: flex;
    	justify-content: space-between;
    	max-width: 100%;
    	float: none;
    }
    And you are done :-)

    With kind regards.
  • edited June 2 Posts: 35
    Hey :-)

    Thank you, on laptop/monitor it looks great :-)

    but on smartphones text not fit, is too long

    What shoud I change to make it looks on mobile similar like on attached file (one text under another) ?

    Kind regards,
    Arek
    mobile_footer_to_fix.png
    404 x 165 - 40K
    mobile_footer_OK.png
    334 x 129 - 11K
    Post edited by Arek on
  • AirAir
    edited June 3 Posts: 10,449
    Hey Arek :-)

    Please add such custom CSS:
    @media only screen and (max-width: 600px) {
    	.foot-text{
    		display: block;
    	}
    }

    With kind regards.
    Post edited by Air on
  • Posts: 35
    Hey Air :-)

    Thank you very much, now it looks almost perfect :smiley:

    I have last question for this topic.
    How can I decrease space between text @20119 • K.SKRZYNECKA and text Created by Internet Space because space is too big like on attached file?

    Kind regards,
    Arek
    too-big-space.png
    240 x 113 - 9K
  • AirAir
    Posts: 10,449
    Hello :-)

    Please delete empty space between .foot-left and .foot-right as it is converted to <br />.

    With kind regards.
  • Posts: 35
    Hey :-)

    Now it looks perfect :smiley:
    Thank you very much for help.

    Kind regards,
    Arek
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion