Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • January 29, 2017 at 2:32 am #739893
    bemvestir

    Hi,

    I would like to add text to the left side of the socket.. on the same line of the copyright message, however it needs to be left aligned… while keeping the copyright message to the right align.

    I read the ticket – https://kriesi.at/support/topic/add-text-to-socket-right-align-separate-from-copyright-but-same-line/ but I can not urderstand where should I paste it on footer.php.

    I would also like to know if I should create a footer.php child file and how to do it.

    Thanks

    January 29, 2017 at 3:11 pm #739942
    Vinay

    Hey Elsa,

    We will surely help you :) and there is an easier way to do this.

    1. Add the below code to Enfold > General Styling > Quick CSS

    .push-right{
position:absolute;
right:20px;
top:50%;
transform:translateY(-50%);
}
@media only screen and (max-width:767px) {
.push-right{
position:relative;
right:auto;
transform:none;
}}

    2. Add the below html in Enfold > Footer > Copyrights

    <div class="push-right"> Text you like on the right side </div>

    Best regards,
    Vinay

    • This reply was modified 7 years, 11 months ago by Vinay.
    January 30, 2017 at 1:27 am #740052
    bemvestir

    Hi Vinay,

    Thanks for your help.
    The result looks great with the code you gave me. :)

    Kind Regards
    Elsa Soares

    February 1, 2017 at 8:59 am #741080
    Rikard

    Hi,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    November 13, 2017 at 11:47 am #876046
    pdmeira

    Hi, I did exactly the same code, but in my case what it was supposed to be on the right it created a new line and aligned it to the left. Like another paragraph. Any ideas?

    November 14, 2017 at 4:54 am #876426
    Rikard

    Hi pdmeira,

    We need to be able to see the problem to help you out, please post a link to your site.

    Best regards,
    Rikard

    December 10, 2020 at 9:23 pm #1266392
    webWahine

    Hello

    This is great, but I would like to center the ul in the push-right div – it’s a ul of social icons and I can’t center it. Please help! Thank you.

    December 10, 2020 at 10:19 pm #1266404
    Victoria

    Hi webWahine,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .right_socket {
    right: 47%;
  }

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 11, 2020 at 1:21 am #1266436
    webWahine

    Sorry, that didn’t work.
    This is closer but the ul of social icons are still not centered below the copyright text. I’ve added in a 2px red border to reveal position.

            #top .right_socket {       
        /* position: relative;
       center: auto;
        transform: none; */
        
      width: 100% !important;
      text-align: center !important;
      position: relative;
      right: 47% !important;  
      /* height: 120px; */
      border: 2px solid red;
    }
    December 11, 2020 at 6:39 pm #1266616
    Victoria

    Hi webWahine,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    December 11, 2020 at 7:07 pm #1266619
    webWahine

    Sure. Very basic. Simply center the social ul under the other socket text. Thanks!

    December 11, 2020 at 7:08 pm #1266620
    webWahine

    https://dev.azureatsouthgate.com/images/centered%20socket%20social.jpg

    December 11, 2020 at 8:15 pm #1266657
    Victoria

    Hi webWahine,

    Please open a new ticket for your problem. Provide us admin access to have a deeper look into the issue, as well as precise links where we can see the issue. Screenshots highlighting what’s going on would help a lot (imgur.com, dropbox).

    How did you get the social icons in the same span?

    Best regards,
    Victoria

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