Okay
  Public Ticket #326424
Hide Scroll Bar, Thin Border On Header, and Search
Closed

Comments

  • Nasser started the conversation
    November 28, 2014 at 7:08am

    I'm absolutely in love in this theme, I just need some CSS to get me going.

    • I would like to hide the scroll bar on my landing page, the header and footer are already taken care of. I have done this before but I reset my installation and got the 4.9 version of your theme.
    • I want to hide the border in the header, I tried the code on your FAQ's section and it didn't work - but it did before.
    • I would also like to change the background of nectar slider while its loading to plain white without the diagonal line overlay and grey background.
    • Lastly I would like to hide the search bar in the header.

    Thank you so much in advance!

  •  8,844
    Tahir replied
    November 28, 2014 at 3:55pm

    Hey!

    Add this into the Custom CSS box located in your Salient Options panel :
    html body .nectar-slider-loading {
    background-image: none !important;
    background-color: #fff !important;
}
    Thanks 

    ThemeNectar Support Team 

  • Nasser replied
    November 29, 2014 at 1:28am

    Thank you very much Tahir, It worked! Now what about the other 3 items I need help with?

  •  8,844
    Tahir replied
    November 29, 2014 at 3:44pm

    Isnt your first page your landing page ?. There is no scrollbar header or search on it ?. 

    Can you provide the page url of the landing page so i can write up some custom css. 

    Thanks 

    ThemeNectar Support Team 

  • Nasser replied
    November 29, 2014 at 8:01pm

    I'm sorry, I was referring to empty scroll bar on my landing page, you were on the correct page. At one point it was not there at all until I reset my install and lost my css, so I was asking for css to completely remove it. For the other two items (removing the search button and the thin white border on the header) I was talking about all the other pages on my site such http://nasserweaver.com/about-me/.

  •  8,844
    Tahir replied
    December 1, 2014 at 1:50pm

    Hey!

    Add this into the Custom CSS box located in your Salient Options panel :
    html body #header-outer[data-transparent-header="true"].transparent {
    border-bottom: none !important;
}


html body.ascend #header-outer[data-full-width="true"] header#top nav > ul.buttons {
    display: none !important;
}
    Thanks 

    ThemeNectar Support Team