Okay
  Public Ticket #983325
Divider
Closed

Comments

  •  2
    smlowisz started the conversation

    I am not able to change the divider heights around my milestones on my front page. 

  •  8,996
    Tahir replied

    Hey Again,

    I am not sure what you mean . Could you elaborate with a screenshot how you want the divider to behave and how you have set it up in the Backend ? .

    Thanks 


    ThemeNectar Support Team 

  •  2
    smlowisz replied

    I simply want the divider to be smaller, but changing the divider height is not working

  •  3,030
    Andrew replied

    Hi there,

    Thanks for keeping in touch with us.

    You may add this to the Custom CSS Code section located by navigating to Appearance>General Settings>CSS/Script Related>Custom CSS Code from your WordPress Dashboard 

    .divider-wrap.__web-inspector-hide-shortcut__ {
        height: 10px!Important;
    }

    .divider-wrap .divider {
        height: 10px!Important;
    }

    .vc_col-sm-6 .divider-wrap {
        height: 200px!Important;
    }

    Please let me know if there are any more questions that I may answer for you :)

    Cheers! 

  •  2
    smlowisz replied

    Thanks, but that didn't work. It adjusted my other dividers only. I only need the divider above and below my milestone markers changed. 

  •  3,030
    Andrew replied

    Hi there,

    That single area cannot be targeted by CSS. You would need to add something like a unique CSS class to it for the us to be able to target it and it only.

    Could we have temporary admin access and we will try and fix this up from the backend.
    Thanks.

  •   smlowisz replied privately
  •  2
    smlowisz replied

    I just privately sent you log-in information. Please let me know when you're going to edit, so I can make sure I am not saving anything over any edits you make. 

  •  2
    smlowisz replied

    Last question - promise! How do I change footer height? 

  •  3,030
    Andrew replied

    Hi there,

    1) We logged in and added a CSS class "dividerColumn" to the two columns containing the divider then add some CSS on the visual composer setting area. Now the the dividers are shorter.

    See screenshot of the settings area on your homepage.

    2) Abou the footer height, you can use this CSS to change the height:

    #footer-outer{
        height: 300px;
    }
    

    This above CSS reduces the height of the footer to 300px;

    Hope this helps.

  •  2
    smlowisz replied

    Thank you!!