Okay
  Public Ticket #402306
Space between heading and button in Nectar Slider
Closed

Comments

  • Thijs started the conversation

    Hey ThemeNectar!

    First of all: thanks for the awesome theme :)

    Second: I have a question about creating space between the heading and the button in the Nectar Slider.

    I used this code to create a transparent background behind the heading:

    .swiper-slide .content h2 {

    padding: 4px 0px;

    display: inline;

    position: relative;

    left: 10px;

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);

    box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);

    -moz-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);

    -webkit-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);

    -o-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);

    line-height: 45px;

    }

    It works like a charm, but the transparent background touches my button now, see attachment. I want to create some space between them. I found a ticket (#311583) from somebody asking the same. The advice is to change the line-height, but this doesn't seem to work in my case.

    Do you have any other solutions? I can't give you the URL to my site, cause it's not live yet.

    Thanks in advance!

  •  8,849
    Tahir replied

    Hey,

    Sorry but without the live url it would just be guesswork and we both would be wasting time.

    Let us know when you have it live.

    Thanks


    ThemeNectar Support Team 

  • Thijs replied

    Hey Tahir,

    Thanks for the response.

    I can go live for a little while now, so you can see. Good idea?

  •  8,849
    Tahir replied

    Yeah that should be alright.

    -T


    ThemeNectar Support Team 

  •   Thijs replied privately
  •  8,849
    Tahir replied

    Its in maintenance mode, Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.

    Thanks


    ThemeNectar Support Team 

  •   Thijs replied privately
  •  8,849
    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 .buttons > div:first-child {
        margin-top: 20px !important;
    }

    Thanks


    ThemeNectar Support Team 

  • Thijs replied

    Works like a charm! Thanks, Tahir :)