Okay
  Public Ticket #3001180
footer
Closed

Comments

  •  16
    Oliver started the conversation

    Hi!

    I want to implement some things in my footer according to the style of the picture.

    3769470234.png

    Please, help me with it as I don't know how to do it.

    I want to add the same style of line on the top, social icons, and back to the top button.

  •  1,877
    Judith replied

    Hi Oliver,

    Thanks for keeping in touch.

    To add line on top please enable this option:

    Salient > footer:

    9478888614.png

    Also enable the social icons here: Salient > footer:

    6651484810.png

    For the back to top button please enable this option from salient > general settings > functionality:

    6692428974.png

    Thanks.


  •  16
    Oliver replied

    thanks, I did it but I don't see any changes it seem to me like it was not connected.

    I'm using a custom footer through a global section.


  •  1,877
    Judith replied

    Hi Oliver,

    Please send in your admin login credentials so that we can check this out.

    Thanks.

  •   Oliver replied privately
  •  1,877
    Judith replied

    Hi Oliver,

    The logins seems not to be working, please check and resend.

    Thanks.

  •  16
    Oliver replied

    check now, please.

  •  1,877
    Judith replied

    Hi Oliver,

    Please check out the line on top and the back to top button, however the social icons are only able to show once you enable the main footer area.

    Thanks.

  •  16
    Oliver replied

    If I enable the main footer area, would it be possible to have the same styled call to action Terms & ConditionsPrivacy Policy buttons, as I have now?

    Also, it was added a white strip on the bottom page, I don't want it.

  •  1,877
    Judith replied

    Hi Oliver,

    We have removed the strip.

    To attain the same style for Terms & ConditionsPrivacy Policy buttons you may need to customize it using css.

    Thanks.

  •  16
    Oliver replied

    Thanks.

    I did it as I like.

    Now I want to add there 3 Terms & ConditionsPrivacy Policy, and About us buttons to the center. How can I do it?

  •  1,877
    Judith replied

    Hi Oliver, 

    I added this html code, in this section please check:

    9215400734.png

    Thanks.

  •  16
    Oliver replied

    can you please put it into the same line as is other stuff?

    Also, underline animation as it is in the menu and the same font size as copyright text is.

  •  2,958
    Andrew replied

    Hello again,

    Use the following CSS.

    #footer-outer #copyright .col.span_5 * {
        display: inline-block;
        padding-right: 10px;
    }
    #footer-outer #copyright .container div.col.span_7.col_last:last-child {
        width: 15%;
        float: right;
    }
    #footer-outer #copyright .container .col.span_5 {
        width: 70%;
    }
    

    Thanks,

  •  16
    Oliver replied

    thanks, where should I place the CSS?

  •  2,958
    Andrew replied

    Hello again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you can't see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    Thanks


  •  16
    Oliver replied

    ok, thanks.

    Can you please put it to the center and add the type of animation as it is in the video below?

    https://www.loom.com/share/7d052f25d52f49248cf56b0e257f73fc

    Thanks

  •  1,877
    Judith replied

    Hi Oliver,

    Please check it out now.

    Thanks.

  •  8,839
    Tahir replied

    Hey Agai,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    #footer-outer #copyright .container .col.span_5 {
        width: 80%;
    }
    #footer-outer #copyright .col.span_5 h4 {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    Thanks


    ThemeNectar Support Team 

  •  16
    Oliver replied

    please align Terms and Conditions Policy Privacy About Us according to the name of the site.

    8818681146.png

    then, please make an underline only till the last letter, because now the space is underlined too.

    align footer vertically and hight let it be 66px

    please, compatibility with other sized screens is terrible, please make the whole footer so that it would be looked nice.

  •  8,839
    Tahir replied

    Hey Again,

    I just turned off the Custom CSS which was added as a quick fix. 

    The Architect Demo you referenced in the Video is using a Global Section Footer therefore its built using the Page Builder and aligns perfectly with the Header. 

    Using the Default Footer it's not possible to center align and add the extra buttons without template level php edits. 

    Try settings up a Global Footer as the Architect demo: https://themenectar.com/docs/salient/page-builder-global-sections/ .

    Thanks


    ThemeNectar Support Team 

  •  16
    Oliver replied

    I did it before but it was told to me that I can't put there the social icons which I'm using right now.

    "the social icons are only able to show once you enable the main footer are"

    Hope you will be able to help me.

  •  8,839
    Tahir replied

    Hey Again,

    You can use the "Icon" Page Element to add in the Social Icons. 

    Thanks 


    ThemeNectar Support Team 

  •  16
    Oliver replied

    ok, please help me style it like the black footer, I wanna have the same footer height, margins, paddings, and alignment.

    Alignment of 

    Terms & Conditions

    Privacy Policy

    About Us

    let it be according to the site logo and shrink padding between them a little bit.

    Then please, tell me how did you do it, as I learn it better to orient, etc.

    9408425960.png
  •  8,839
    Tahir replied

    Hey Again,

    Please use these Footer Templates: 

    7323814317.pngClick on Image to View LargerThanks 


    ThemeNectar Support Team 

  •  16
    Oliver replied

    I used it... 

    But I need some customization.

    The picture is a screenshot of my footers and I need what I wrote before.


  •  8,839
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .nectar-global-section.before-footer .wpb_wrapper>div {
        margin-bottom: 0px;
    }

    Thanks


    ThemeNectar Support Team 

  •  16
    Oliver replied

    thanks, then please other stuff that I mentioned

    6234938060.png
  •  8,839
    Tahir replied

    Just added custom css to align the icons to the right.

    Thanks 


    ThemeNectar Support Team 

  •  16
    Oliver replied

    Can you please change the height of the footer according to the black footer?

  •  8,839
    Tahir replied

    Hey Again,

    You can change that by adjusting the Padding of the Row here: 

    3004773751.pngClick on Image to View Larger

    Thanks 


    ThemeNectar Support Team 

  •  16
    Oliver replied

    ok, thanks, then please this:

    7432439398.png
  •  1,877
    Judith replied

    Hi Oliver,

    Please try this css:

    .wpb_text_column>.wpb_wrapper>:last-child {
        margin-left: -54px;
    } .nectar_icon_wrap {
        left: 61px;
    }

    Thanks.

  •  16
    Oliver replied

    it is not compatible with a mobile screen

  •  8,839
    Tahir replied

    I see you got it working by setting the row to fullwidth and adding a padding.

    Thanks 


    ThemeNectar Support Team 

  •  16
    Oliver replied

    Please help me add to the footer 

    border-top: 0.01rem solid #C8C8C8;

  •  1,877
    Judith replied

    Hi Oliver,

    Please try this css:

    .vc_separator .vc_sep_holder .vc_sep_line {
        border-top: 0.01em solid #ebebeb !Important;
    }

    Thanks.

  •  16
    Oliver replied

    I tried to change the size, color, and placement of the CSS, but it is not visible.

  •  1,877
    Judith replied

    Hi Oliver,

    Please check it out now.

    Thanks.

  •  16
    Oliver replied

    this is not it that I wanted, a white stripe was added and the line heights of footers are different as before.

  •  1,877
    Judith replied

    Hi Oliver,

    I have removed the white strip, please let me know any other changes you would want made.

    Thanks.

  •  16
    Oliver replied

    It's fine now, thank you.

    But I have a few requests on the mobile version of the site.

    1427161110.png

    1. Menu is damaged, please fix it.

    2. I need to have the same height above and under the scrolling text.

    3. Please, align copyright and social icons to the center.

    4. Sometimes white strip will appear.

    Then please, tell me how did you do it.

  •  16
    Oliver replied

    Can you please help me with that? 👇🏻

  •  8,839
    Tahir replied

    Hey Again,

    Please check now as it seems to be working correctly on my end in Chrome. \

    Best 


    ThemeNectar Support Team 

  •  16
    Oliver replied

    Hi,

    text is destroyed.

    5875463094.jpg

    and my footers were changed to something I really don't like.

    before it looked like this

    2721509295.png

    also a menu on my mobile device is not working properly

  •  8,839
    Tahir replied

    Hey Again,

    Please view: https://themenectar.com/docs/salient/page-builder-row/ and adjust the Row Settings.

    Thanks


    ThemeNectar Support Team 

  •  8,839
    Tahir replied

    Also revert any changes you made.

    Thanks 


    ThemeNectar Support Team 

  •  16
    Oliver replied

    what about other things that I mentioned

    My footer looked like this before you did changes to fix sth else

    2721509295.png

    also, a menu on my mobile device is not working properly


  •  8,839
    Tahir replied

    Hey Again,

    Please adjust the Padding in here: https://www.krestanonline.sk/wp-admin/post.php?post=1172&action=edit

    8616750101.pngClick on Image to View Larger

    Thanks 


    ThemeNectar Support Team 

  •  16
    Oliver replied

    hi!

    Would you please help me implement something like this?

    https://www.loom.com/share/550cad8a61ec4bbea84c5c8df479eb05

  •  1,877
    Judith replied

    Hi Oliver,

    I am not able to access the video from the link please check it out and resend:

    5403197132.png

    Thanks.

  •  16
  •  1,877
    Judith replied

    Hi Oliver,

    I am afraid we do not have this feature at the moment.

    Thanks.

  •  16
    Oliver replied

    What about doing it with CSS?

  •  1,877
    Judith replied

    Hi Oliver,

    The behaviour on hover may need just more than a css, you may need to look for a third party plugin for the feature or hire and private developer to help.

    Thanks.

  •  16
  •  1,877
    Judith replied

    Hi Oliver,

    We don't have this feature as well, however we will add this on our wishlist.

    Thanks.

  •  16
    Oliver replied

    ok, so when could I expect an update with this feature?

  •  1,877
    Judith replied

    Hi Oliver,

    Allow me to escalate this to the developer to respond further.

    Thanks.

  •  16
    Oliver replied

    ok, thanks, I will be waiting.

    Then, please change the footer at the bottom so space under and above text would be same, it should be about 66px together. And please add hover to icons to white color.

    5418111823.png
  •  1,070
    ThemeNectar replied

    Hey Oliver, I've adjusted your footer have equal spacing as depicted in your latest screenshot as well as a white color for the hover of your social icons.

    In regards to your request - items on the wishlist get added into the development cycle based on popularity. There is no ETA we can give you for some a feature to be added. However, the "Fancy box" element in Salient will allow you to create something similar in the meantime: https://themenectar.com/salient/fancy-box/

    Kind regards,

  •  16
    Oliver replied

    ok, thanks.

    Can you please send me the URL where I can vote for it?


    Can you please put it into the same line?

    4056825692.png


  •  1,070
    ThemeNectar replied

    Hey Oliver, I've adjusted the width of your center column to be larger to prevent multiple lines.

    There's no URL to vote - we note user requests on our own internal wishlist and track popularity by duplicate requests. Users request items almost daily via email, here on the support forum as well as the ThemeForest comments section.

    Kind regards,

  •  16
    Oliver replied

    ok, thanks.

    So there is no other option?

    Because I really need it as it would be the main part of my website.


    Then I would like to ask if it would be possible to implement something like this:

    https://www.loom.com/share/8f1962b7f3a64bd580c95344a775985e


    Then, please look at the video below:

    https://www.loom.com/share/a8aa447da18d4d05b6566d6b97a81bad

    1. when I click on the menu, there is no animation and possibility to close it

    2. there is showing space sometimes on the sliding words

    3. What settings of the row should I change so words on the rotating words title would not be damaged?



    Then, I cannot access my account page but I have it set.

    4547105341.png




    9058250745.png

    https://www.krestanonline.sk/kosik

    Can you please put the footer to the bottom?

    Similar problem I have in 

    https://www.krestanonline.sk/moj-ucet

    on the desktop version.


  •  1,070
    ThemeNectar replied

    Hey Oliver,

    Please open separate tickets for new items which are not related to the original ticket question. Chaining multiple unrelated questions or new questions in the same ticket makes it more challenging for our support team to assist in addition to preventing correct archiving of issues.

    1. So there is no other option?

    You could locate a plugin to add the functionality or consider hiring a freelance developer to code it for you. I would recommend checking of Envato Studio in regards. https://studio.envato.com/explore/wordpress

    2. Then I would like to ask if it would be possible to implement something like this:

    You could nest different video elements inside of a "Tabs" element: https://themenectar.com/salient/tabbed-section/

    3a. when I click on the menu, there is no animation and possibility to close it

    The menu can be closed by clicking back on the website page content on the right: https://ibb.co/vvr8G0L
    You can select alternative mobile menu styles which show traditional "close" buttons via the Salient options panel > header navigation > off canvas menu tab

    3b/c. there is showing space sometimes on the sliding words

    Your word "Prednášky" is too large to fit on the same line as "online". I've corrected that for you in by reducing the mobile scaling in the Salient options > typography > responsive options tab

    4. Then, I cannot access my account page but I have it set.

    The "user" icon in your header is a general icon which can have the URL specified to be any location. If you wish for it to lead to the WooCommerce account page, enter that in the Salient options panel > header navigation > layout & content tab in the "User Account Button URL" field.

    5. Can you please put the footer to the bottom?

    I've added a snippet of CSS for you in your options panel to handle that. For your reference the CSS added was:

    body .container-wrap {
      display: flex;
      Flex-direction: column;
    }
    .nectar-global-section.before-footer {
        margin-top: auto;
    }
    
  •  16
    Oliver replied

    ok, thanks

    7375663412.png

    please change that line so it would be something like this

    9820675346.png


  •  1,877
    Judith replied

    Hi Oliver,

    Please try this css:

    #ajax-content-wrap .nectar-shape-divider-wrap[data-height="1"] .nectar-shape-divider, #ajax-content-wrap .nectar-shape-divider-wrap[data-height="1px"] .nectar-shape-divider {
        opacity: 0.3;
    }

    Thanks.

  •  16
    Oliver replied

    ok, thanks

  •  16
    Oliver replied

    hello

    how can I change the font only of that moving words?

  •  1,877
    Judith replied

    Hi Oliver,

    Please try this css:

    .nectar-scrolling-text[data-style="text_outline"] em, .nectar-scrolling-text[data-style="text_outline"] i {
        font-family: cursive;
    }

    Thanks.

  •  16
    Oliver replied

    ok, thanks