Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 17, 2013 at 1:18 am #161995
    optizign13

    Hello, Enfold is great! Please provide the CSS customizations for the following, if possible:

    1. I would like to shorten the height of menu without ruining the drop down. I’ve tried the code below but it messes up the drop down menu:

    #top .main_menu .menu li>a { height: 65px!important; line-height: 65px!important}

    2. Change the active menu link color. Other ones I’ve found only changed the drop down item color

    3. Change the title color/size (where the breadcrumbs were)

    September 17, 2013 at 2:46 am #162021
    Josue

    Hi,

    1. This will change the height without affecting the dropdowns:
    #top .main_menu .menu > li > a, #header_main .container{ height: 65px !important; line-height: 65px !important}

    2. This one will change the color of the current-menu-item to red:
    #top .main_menu .current-menu-item > a{ color: red}

    3. And this will change the color/size of the text and links inside the breadcrumb container respectively.
    .breadcrumbs span{ color: red !important; font-size: 21px !important; }
    .breadcrumbs a{ color: blue !important; font-size: 21px !important; }

    Regards,
    Josue

    September 17, 2013 at 7:53 am #162117
    crschulz

    For item #3 I found a solution that alters only the Title text font and color and doesn’t affect the breadcrumb links on the right side.

    This may not work for your site. I’m using “Fixed header with Social Icons and additional navigation” for my header.

    For title text color add to Custom CSS or Quick CSS

    #top .alternate_color.title_container .main-title a { color: #CCC; }
    change the color # to whatever value you would like.

    For title text font attributes add to Custom CSS or Quick CSS

    #top .title_container .main-title { font-size: 16px; font-weight: bold; }
    change these values to whatever you would like–the font-size affects the size of the breadcrumbs box.

    Good luck,
    Chad

    September 17, 2013 at 5:59 pm #162353
    optizign13

    Hello Josue,

    Thank you for the recommendations, looks like #1-2 worked and for the title area, I used Chad’s suggestion.

    Thank you to both!

    September 17, 2013 at 6:01 pm #162359
    Josue

    Glad its working for you now :)

    Regards,
    Josue

    September 23, 2013 at 6:18 pm #165240
    optizign13

    Hello All,

    Looks like the code for the menu height worked, however there’s still extra spacing below the actual menu: http://optizign.info/optizigntemp/ (password: hello12345)

    As you can see, there’s a white line below the menu which needs to be moved up directly underneath the blue hovered line in the menu. Can anyone follow up with this?

    September 23, 2013 at 7:33 pm #165262
    optizign13

    Hello All,

    I actually found the code from the forum that works: .fixed_header #main { padding-top: 65px; }

    It has a slight border at the bottom, which I think is from the “main content” being a light BG color. Is there a way to remove it?

    September 23, 2013 at 9:22 pm #165296
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .container_wrap { border-top-style: none; }

    Cheers!
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Header, Title/bread crumbs CS’ is closed to new replies.