Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 21, 2020 at 11:19 pm #1176966
    thebirdbath

    The temp site is here: https://sleekwebmarketing.com/forged/
    1. CSS to make the bar on top of the menu bar larger in height. The very top bar with the phone number and client login. Also want to increase the font size a bit and make bold

    2. The “Forged” company logo on the menu bar on top left, needs to have some space on the top and above menu bar. What CSS do I need to make that happen?

    NOTE: I assume I can put your recommended CSS edits under “General Styling” and “Quick CSS”?

    January 22, 2020 at 9:29 pm #1177297
    Victoria

    Hey thebirdbath,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#header_meta,
#header_meta .container {
    min-height: 50px;
}
#header_meta .container .sub_menu {
    top: 20px;
}
#header_meta .container .phone-info {
    padding: 15px 0;
}
.logo a {
    margin-top: 8px;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_large #top #main {
    padding-top: 165px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 22, 2020 at 11:31 pm #1177352
    thebirdbath

    That worked! Can you tell me how to bold or increase the font size of that text in that top bar?
    Thanks!

    January 23, 2020 at 7:36 am #1177404
    Jordan Shannon

    Hi,

    Add this to quick css:

    #header_meta a,
#header_meta .phone-info{
font-size:16px!important;
}

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.