New Landing How can we help? Themeforest Theme Support Dante Add some spacing above top bar

Viewing 15 posts - 1 through 15 (of 15 total)
  • Posted in: Dante
  • #62264
    corepath
    Member
    Post count: 29

    Hi,

    I’d like to add a little white spacing between the top bar, and the top of the page. Is there some custom CSS that will increase the margin or padding a bit at the top?

    Thanks,

    #62476
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Please could you provide me with a link so that I can give you some custom css?

    – Kyle

    #62500
    corepath
    Member
    Post count: 29

    Sure, http://www.2080financial.com/ (just want the top bar to have a little spacing).

    #62608
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    I’m guessing you want to do this because of the spacing below? This is because you have a p tag in your top bar, remove this tag and it will remove the spacing below.

    – Kyle

    #62610
    corepath
    Member
    Post count: 29

    Basically I just need more spacing above in that top bar. I can add the <p> tag but I was hoping there was a more elegant solution.

    #62634
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No, you have a p tag within your ‘topbar right config’ which is causing the bottom spacing, you need to remove the p tag so that the bottom spacing is removed. I could provide you with some css to add spacing to the top of the topbar however there would be a lot of unnecessary space.

    If you do not understand, pleaser provide me with your login so that I can fix this for you.

    – Kyle

    #62897
    corepath
    Member
    Post count: 29

    Sure, that would be appreciated. Can you send or paste the custom CSS?

    a) I still would like some spacing above the wording on the top bar
    b) If there’s a more elegant solution other than the float right, that would be great too for the contact info.

    Cheers,

    #62900
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Would you not prefer your topbar to be like the attached screenshot?

    – Kyle

    #62902
    corepath
    Member
    Post count: 29

    Yes, that would be great. But as previously mentioned in point a) I would still like to be able to have some spacing above it if I so desired.

    Thanks,

    #62924
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Please provide me with login details so that I can remove the p tag for you.

    If you want to add spacing above the top bar, add this custom css:

    #top-bar {
      padding-top: 20px;
    }

    But like I said, I wouldn’t recommend this, because there is just a lot of unnecessary space.

    – Kyle

    #62941
    corepath
    Member
    Post count: 29

    I can remove the p tag, but is there a way to have the text float right without it that you can share here?

    #63000
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    The text should float to the right anyway because it is in the topbar right config. Unless you have added any custom css to disable this

    – Kyle

    #63001
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Try this custom css:

    #top-bar p {
      margin-bottom: 0;
    }

    – Kyle

    #63283
    corepath
    Member
    Post count: 29

    Worked great, thanks.

    #63300
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Great, no problem! 🙂

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register