Navigation
Archive / 2 lines of text in the footer
This is archived content. Visit our new forum.

Tagged: 

1 2 3
  • Author
    Posts
  • June 13, 2016 at 10:16 pm #1040711
    that1guy
    Participant

    How do I do this instead of just one long line? Also, I put the scroll to top button in the middle. Is there a way to move everything up so social icons dont get in the way of it?

    Thanks

    June 13, 2016 at 10:32 pm #1040714
    that1guy
    Participant

    Never mind about the second line, I figured it out! I was doing something wrong at first.

    Still would like help with the other things thought.

    Thanks

    June 14, 2016 at 12:12 am #1040777
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks.

    June 14, 2016 at 12:41 am #1040804
    that1guy
    Participant
    This reply has been marked as private.
    June 14, 2016 at 6:07 am #1041148
    Christian
    Moderator

    Can you give us more details by what you mean by “within a boarder”. The back to top button already has a border.

    Thanks.

    June 14, 2016 at 10:02 am #1041485
    that1guy
    Participant

    did you not scroll to the bottom of the page and see that the scroll to top button was covering the social buttons? i want to add more space between them

    thanks

    June 14, 2016 at 12:51 pm #1041809
    Rupok
    Member

    Hi there,

    Thanks for clarifying. You can add this under Custom > CSS in the Customizer.

    footer.x-colophon.bottom {
  padding-bottom: 70px;
}

    Hope this helps.

    Cheers!

    June 14, 2016 at 2:04 pm #1041930
    that1guy
    Participant

    Thanks Rupok that did it..

    so now what I mean by boarder is when the back to top button pops up I want it to where there is a boarder behind it going across the screen so it wont look like the button is on top of any content

    Thanks again!

    June 15, 2016 at 12:55 am #1042709
    Rupok
    Member

    Hi there,

    Thanks for writing back. Sorry but I didn’t understand what you are trying to achieve? Are you referring border? Would you kindly add a screenshot of what you are trying to accomplish?

    Cheers!

    June 15, 2016 at 8:15 pm #1044325
    that1guy
    Participant

    I wanted to Know if there is a way to put a black boarder behind the button but thats over the content so if I want the button to pop up after scrolling down a full page its not covering ant thing up. Qould be nice if the content could be above the button at all times when it pops up after scrolling

    See second screenshot

    Thanks

    June 16, 2016 at 1:04 am #1044624
    Paul R
    Moderator

    Hi,

    Thanks for the additional information.

    You can add this under Custom > Edit Global CSS in the Customizer.

    
body .x-scroll-top {
   width: 100%;
    border: 0;
    text-align: center;
    background-color: #000;
    border-radius: 0;
    height:auto;
}

body .x-scroll-top .x-icon-angle-up {
    margin: 10px 0;
    border: 2px solid #272727;
}

    Hope that helps

    June 17, 2016 at 8:41 am #1047019
    that1guy
    Participant

    Thanks for the response but this didn’t help.The border is only half way across and it’s transparent

    June 17, 2016 at 10:36 am #1047151
    Joao
    Moderator

    Hi There

    Seems like you removed the scroll button? I can´t see it on my end.

    Let us know more details,

    Joao

    June 17, 2016 at 6:41 pm #1047666
    that1guy
    Participant

    It shows in cornerstone but not on my actual site. It’s the code that’s making it not show up I guess. See screenshot

    June 17, 2016 at 11:49 pm #1048041
    Lely
    Moderator

    Hi There,

    Upon checking, I can see it now.
    It is 50% block with the arrow on the right.
    In case you want that block fullwidth, please update this custom CSS

    .x-scroll-top.left {
    left: 48%;
}

    To this:

    .x-scroll-top.left {
    left: 0 !important;
}

    To move the icon on the right, update this:

    body .x-scroll-top {
    width: 100%;
    border: 0;
    text-align: center;
    background-color: #000;
    border-radius: 0;
    height: auto;
}

    To this:

    body .x-scroll-top {
    width: 100%;
    border: 0;
    text-align: center;
    background-color: #000;
    border-radius: 0;
    height: auto;
    text-align: right;
    padding-right: 10px;
}

    See attached screenshot of the results. For the sake of viewing, I change the background to red.

    Hope this helps.

  • Author
    Posts
1 2 3
  • <script> jQuery(function($){ $("#no-reply-1040711 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>