Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #187179

    hi guys

    i kinda messed up and now the header turned white

    whats wrong with the css coding?

    http://www.bevlogenverf.nl

    #187194

    Hi guys. I kinda saved the website but now i cannot change the color of the main menu buttons. I want them bigger and white

    Also I want the phone number to be bigger and orange

    http://bevlogenverf.nl/

    what can i do?

    #187263

    Hey!

    Looks like you managed to change the main menu font color and size. You can use this for the phone number:

    .social_header .phone-info.with_nav span {
    color: orange;
    font-size: 20px;
    }

    Regards,
    Ismael

    #187288

    thanks a lot!

    And how can i change the logo location?

    it is sticking on the top but should be moved down a little bit

    #187289

    the code for the social bar doesnt work.

    is there a conflict in some of my CSS style code?

    #top .main_menu .menu li a { font-size: 18px; color: white; background-color: #4787f3; }
    #top .main_menu .menu li a:hover { background-color: #4787f3; color: grey; }

    #top .header_color .main_menu .menu ul li a{
    background-color: #4787f3;
    color: #ffffff;
    font-size: 17px;
    }
    #header_main {
    background: #4787f3;
    }
    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .main_menu ul:first-child > li > a {
    padding: 0 8px;
    font-size: 17px;
    }
    @media only screen and (max-width: 767px) and (min-width: 480px) {
    .woocommerce .template-shop.content.nine.units {
    width: 100%;
    }
    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .woocommerce .template-shop.content.nine.units {
    }
    .grid-content {
    height: 70px;
    }
    .woocommerce .sidebar {
    display: none !important;
    }
    .woocommerce .template-shop.content.nine.units {
    width: 1030px;
    border: none;
    }
    .header_color .sub_menu>ul>li>a {
    font-size: 12px;
    color: #0e75bf;
    }
    #top .main_menu .menu a {
    color: white;
    }
    #top .main_menu .menu a:hover {
    color: white;
    }
    .main_menu ul:first-child > li > a {
    font-size: 17px;
    font-weight: 700;
    color: white;
    }

    #footer .widget {
    padding: 30px 0 30px 0 !important;
    }
    .numeric_controls, .arrow_controls {
    position: absolute;
    bottom: 100px;
    }

    #top .sidebar_tab_content.sidebar_active_tab_content {
    background-color: #fff;
    color: black;
    }
    #top .sidebar_tab.sidebar_active_tab {
    background-color:#0e75bf;
    color: #fff;
    }
    .slideshow_color .breadcrumb, .slideshow_color .breadcrumb a {
    color: #0e75bf;
    }
    .numeric_controls, .arrow_controls {
    position: absolute;
    bottom: 10px;
    }
    #top .ajax_controlls {
    top: 70%;
    }
    #footer .widget_nav_menu li a {
    font-size: 20px;
    }

    #menu-item-1045 a, #menu-item-1044 a, #menu-item-1043 a, #menu-item-1988 a {
    color: #FFF;
    font-size: 25px;
    }
    #footer .widget_nav_menu li a {
    text-align: center;
    }
    .iconbox_icon {
    background-color: white !important;
    }
    .widget_nav_menu h3.widgettitle {
    text-align: center;
    }
    #top .iconbox {
    width: 100%;
    }
    #top .avia_mega_div {
    background-color: #f5f2f5;
    color: grey;
    }
    #top .avia_mega_div .sub-menu {
    background-color: #f5f2f5;
    color: grey;
    }
    #top .avia_mega_div .menu-item ul {
    background-color: #f5f2f5;
    color: grey;
    }
    #top .main_menu .menu ul li a {
    background-color: #f5f2f5;
    color: white
    }
    .sidebar_tab_title {
    margin-left: 10px !important;
    }
    #js_sort_items a {
    font-size: 19px;
    }
    #top.woocommerce-page .woocommerce-ordering select { width: 25%; }

    @media only screen and (max-width: 767px) {
    #top.woocommerce-page .woocommerce-ordering select {width: auto; }
    }
    .chzn-container {
    position: initial;
    }
    #top .chzn-container .chzn-drop {
    top: 70px !important;
    width: 325px !important;
    margin-left: 3px;
    }
    .woocommerce-pagination {
    display: none;
    }
    #top.tax-product_cat .container > .term-description {
    display: none;
    }
    .added_to_cart {
    display: none;
    }
    .form-row.address-field{
    overflow: visible;
    }
    #top .chzn-single div b {
    background-position: 5px 6px !important;
    }
    .widget .gform_wrapper .gform_footer br{
    display: none !important;
    }
    div .main_color .active_tab {
    background-color: #0e75bf;
    color: #FFF;
    }
    div .main_color .tabcontainer .active_tab {
    color:#FFF;
    }
    #top .main_color .tabcontainer .tab:hover {
    #FFF:

    }
    .main_menu ul:first-child > li > a {
    padding: 0 5px;

    }
    #top .main_menu ul:first-child > li > a {
    padding: 0 13px;

    }
    .social_header .phone-info.with_nav span {
    color: orange;
    font-size: 20px;
    }

    #187946

    Hey!

    Please try following code to change font number

    .social_header .phone-info { color: orange!important; font-size: 20px!important; }

    and following for your logo

    .logo img { padding: 20px 0 0 0; }
    .header-scrolled .logo img { padding: 5px 0; }

    Best regards,
    Yigit

    #198812

    This is an awesome theme! A little more control in the header area would be nice :)
    I tried to change the phone size using this:
    .social_header .phone-info { color: orange!important; font-size: 20px!important; }

    and it did not work.
    Here is my site: http://socialenergizer.com/new-wordpress/

    Any ideas?

    Thanks -Lynn

    #198890

    Hey!

    Please use this instead:

    .social_header .phone-info span {
    font-size: 20px;
    color: orange;
    }

    Cheers!
    Ismael

    #199026

    Yes, that worked! Thanks once again. -Lynn

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘css changed my header color where all the menus are in to white. i dont know’ is closed to new replies.