Okay
  Public Ticket #1559868
Footer align and distribute
Closed

Comments

  • redempiremedia started the conversation
    May 1, 2018 at 3:23am

    Hello! Theme Nectar team!

    I'm configuring my new website, but it is inside dev domain so I cant send the url. 

    I'm trying to align and distribute my footer items like these print screen.

    I need some codes to move and align my widgets!

    Can you help me? Thanks a lot!

  •  9,219
    Tahir replied
    May 2, 2018 at 10:39am

    Hey R,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks

    ThemeNectar Support Team 

  • redempiremedia replied
    May 22, 2018 at 2:29am

    Hello! I finally publish the website! can you help me now with this footer? 

    here is my address: http://www.redempiremedia.com.au

  • redempiremedia replied
    May 22, 2018 at 6:12am

    Hello! 

    I'm also having problems with the pages header in mobiles, the pages photography and virtual tours, it appears cutted on mobiles. If you could help me, I'll be very grateful! Thanks!

  •  9,219
    Tahir replied
    May 22, 2018 at 10:20am

    Hey Again,

    Unfortunately we dont have any such fine grain controls to adjust the footer as per your screenshot . 

    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 cant 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):

    @media only screen and (max-width: 1000px) and (min-width: 1px) {
    #page-header-bg[data-parallax="0"] {
        min-height:250px !important;
    }
}

    Thanks

    ThemeNectar Support Team 

  • RedEmpire replied
    May 23, 2018 at 3:07am

    Hello Tahir! 

    Just to be sure. You don't have a padding option for each footer widget? I can align by myself, but i need to know the code for control the position of each widget. Can you help me with this? 

    This code you gave to me works, but the content stay stuck on the top of the header, and a lot of empty space bellow. Can we adjust to the middle of the header the content? Thanks a lot!!!! You are awesome guys!!!


  •  9,219
    Tahir replied
    May 23, 2018 at 9:41am

    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 cant 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):

    div#footer-widgets .col.span_3:nth-child(1) {
    padding-left: 5% !important;
}
div#footer-widgets .col.span_3:nth-child(2) {
    padding-left: 5% !important;
}
div#footer-widgets .col.span_3:nth-child(3) {
    padding-left: 5% !important;
}
div#footer-widgets .col.span_3:nth-child(4) {
    padding-left: 5% !important;
}
@media only screen and (max-width: 1000px) and (min-width: 1px) {
    #page-header-bg[data-parallax="0"] {
        min-height: 250px !important;
    }
    #page-header-bg .row {
        top: 0px !important;
    }
}

    Thanks

    ThemeNectar Support Team 

  • RedEmpire replied
    May 24, 2018 at 8:24am

    Thanks for your Help Tahir.

    I have one more situation happen in my home page, bellow the video, have one link to see the video with audio from video, but when the pop up comes, it flicks in a weird way:

    http://www.redempiremedia.com.au/

    Could you please help me again?

    Thanks!!!

  •  9,219
    Tahir replied
    May 24, 2018 at 11:56am

    Hey Again,

    Please have a look at this Article :https://themenectar.ticksy.com//ticket/1563166/ .

    Best

    ThemeNectar Support Team