Okay
  Public Ticket #1114728
Nectar Headline / Subhead Positioning
Closed

Comments

  • [deleted] started the conversation

    Hi,

    I'd like to bring the headline type that overlays over the Nectar slides to be closer to the bottom. Currently, the type is set to be bottom aligned in the Nectar slide editor, however, I'd like it to be even farther down and still be visible when the browser window is resized. Is this achievable? The nectar slides are setup to size full screen.

    Thanks - and by the way, you have some of the best support around!

    -Paul

  •  9,006
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .swiper-slide[data-y-pos="bottom"] .content {
        margin-top: 20px !important;
    }

    Thanks


    ThemeNectar Support Team 

  •   [deleted] replied privately
  •  9,006
    Tahir replied

    Seems to be working alright on my end : 


    Please clear your cache using this guide: Clear Cache where applicable .

    Best.


    ThemeNectar Support Team 

  • [deleted] replied

    Hi Tahir,

    I've cleared the cache on multiple browsers and am still seeing the attached result, even after adding in your supplied CSS code. Anything else I can try to move the text down? Thanks.

  •  9,006
    Tahir replied

    Hey Again,

    Try increasing the value to 200px instead of 20px .  The css provided is working you just have to adjust the value as per your  liking .

    Best. 


    ThemeNectar Support Team 

  • [deleted] replied

    Thank you very much! You were correct.

  • [deleted] replied

    Hey again,

    One final question: There is a white space between the top of the browser and the beginning of my slides, which you can see behind the transparent header:

    http://abbeymeccadev.com/mercyflight/

    I've done multiple searches to try and find a fix but haven't been able to come across one for this. Thanks.

    -Paul

  •  9,006
    Tahir replied

    Hey Again,

    Try using the Force Transparency Option in the  " Page Header Settings " Metabox : 

    Be.st 



    ThemeNectar Support Team 

  • [deleted] replied

    Hi Tahir,

    This option is not available under Page Header Settings on the homepage. I am using Salient 8.0. Is it somewhere else? Thank you. My options end after the 3 color pickers.

  •  9,006
    Tahir replied

    Yes, To view those options you will have to turn on the Transparency Option :

    Be.st 


    ThemeNectar Support Team 

  • [deleted] replied

    Thank you Tahir, but this does not solve my issue. I don't want the header to be transparent (transparency is currently turned off). The "Header BG Opacity" slider on the Logo and General Styling Options page is set to 95 - perfect for what I would like, but the nectar slider is still being pushed down about 40 pixels or so from the top of the browser.

  •  9,006
    Tahir replied

    Hey Again,

    Seems like a css glitch .

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (min-width: 1000px) {
        body[data-transparent-header="false"][data-bg-header="true"] .wpb_row.first-section {
            margin-top: -83px!important;
        }
    }

    Thanks


    ThemeNectar Support Team 

  • [deleted] replied

    That was the fix - thank you very much.