Okay
  Public Ticket #1580234
CSS changes
Closed

Comments

  • Marina started the conversation
    May 18, 2018 at 10:18pm

    Hello:
    I have a few questions about changing some style things in the CSS.

    1) There is a lot of space above my logo in the menu bar, and the result is that the logo and menu sections are not aligned. How can I reduce that space?

    2) I would like to change the color of the menu sections (Both the color of the font and the color when you pass the mouse over the text)


    Thank you very much

  •  850
    Jelly replied
    May 21, 2018 at 8:49am

    Helo,

    1. Add this to Appearance > Customize > Additional CSS:

    .navbar-nav {padding-top: 28px;}

    2. Use this code:

    .navbar-default .navbar-nav li a {color: red;}
.navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.active > a:hover, .navbar-default .navbar-nav > li.active > a:focus, .navbar-default .navbar-nav > li > a:hover {color: green;}

    Best Regards,
    Jelly Team

  • Marina replied
    May 21, 2018 at 11:59am

    Thank you very much, it worked with the colors, but i'm still having problems with the padding.

    The heigh of the nav bar is too much, i wanted to reduce the padding between the logo and the top so the total heigh could be reduced.

    Any chance of fixing this?

  •  850
    Jelly replied
    May 21, 2018 at 1:33pm

    Use this code to remove padding from logo image:

    header .navbar-brand {padding: 0 !important;}

    Remove/comment my previous code from 1. Or use it to align menu vertically.

    Use this code to remove padding from the whole navigation bar:

    header.overflow .navbar {padding:0 !important;}

    Best Regards,
    Jelly Team

  • Marina replied
    May 22, 2018 at 12:10pm

    Thank you very much

    I have one last question.

    Is it possible to change the height of the slider? I noticed that when I enter to my website a little bit of the first section can be seen and I'd like to cover the full screen with the slider.

    Also, i can see a black bar above the slider, but i imported a picture that is bigger to try to cover it and it's not working, so I guess i have to change the height of the slider? Is it possible to do that? 

    Thanks

  •  850
    Jelly replied
    May 22, 2018 at 2:25pm

    We are using Slider Revolution as our main slider. Please check it's options and how to work with here: https://www.themepunch.com/revslider-doc/slider-revolution-documentation/

    You can change it's height by going to Slider Revolution > click on Slider you want to edit > Slider Settings > Slide Layout > Layer Grid Size

    Best Regards,
    Jelly Team