Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 2, 2013 at 7:10 pm #195419
    Barabbas

    I would like to remove the grey line under the Header on my page. http://www.Stokesfloorcovering.com , I read somewhere that I could edit a line in style css but that advice was for 2011 theme that comes with WordPress and I see it’s not suggested to edit Style.css here. I’m still pretty new so it’s probably for the best lol. What should I do to remove the grey line? Thanks in advance. You guys rock.

    December 2, 2013 at 9:28 pm #195488
    Yigit

    Hi Barabbas!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    #header_main { border-bottom-style: none; }
.html_boxed #main { margin-top: -1px; }

    Cheers!
    Yigit

    December 2, 2013 at 11:51 pm #195559
    Barabbas

    Thanks so much. I have another question. How can I move the header menu closer to the Logo?

    December 2, 2013 at 11:55 pm #195562
    Yigit

    Hey!

    You can add following code to Quick CSS as well and adjust as desired 

    .main_menu { left: 30%; }

    Cheers!
    Yigit

    December 3, 2013 at 12:39 am #195582
    Barabbas

    I should have asked this with the last question but How do you change the size of the font in header? Like if I wanted Home or any of those Menu buttons to be bigger. I see I can change font type and color in styling. Thanks again for all you guys help. Enfold is by far the best purchase I’ve made involving wordpress!

    • This reply was modified 11 years ago by Barabbas.
    December 3, 2013 at 1:38 am #195598
    Yigit

    Hi!

    You are welcome, glad we could help :) Please add following code to Quick CSS and adjust as well 

    .main_menu ul:first-child > li > a { font-size: 17px; }

    Best regards,
    Yigit

    December 3, 2013 at 7:07 pm #195852
    Barabbas

    Thanks! I’ve made all the changes so far thanks to your help! I would like to adjust the size of the logo, I tried adjusting it through the upload in styling but it seems it always comes out the same size when I put Use as logo. Is there quick css to change it’s size or to move it up some? I’d also like to be able to move the logo to the right some more to put it in line with the picture under it.

    • This reply was modified 11 years ago by Barabbas.
    December 4, 2013 at 10:53 am #196078
    Ismael

    Hi!

    Please add this on your Quick CSS or custom.css:

    /*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/
#header_main .container, .main_menu ul:first-child > li a{ height: 120px; line-height: 120px; }

    Adjust the height and the line-height to increase the logo size. You can use this to move the logo to the right.

    div .logo {
left: 30px;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘The grey line under Header removal’ is closed to new replies.