css changed my header color where all the menus are in to white. i dont know - Support

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
November 12, 2013 at 12:02 pm #187179

bevlogenverf
Participant

hi guys

i kinda messed up and now the header turned white

whats wrong with the css coding?

http://www.bevlogenverf.nl

November 12, 2013 at 12:53 pm #187194

bevlogenverf
Participant

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?

November 12, 2013 at 2:57 pm #187263
Ismael
Moderator
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
November 12, 2013 at 3:17 pm #187288

bevlogenverf
Participant

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

November 12, 2013 at 3:19 pm #187289

bevlogenverf
Participant

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;
}

November 13, 2013 at 8:20 pm #187946
Yigit
Keymaster
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
December 11, 2013 at 4:45 am #198812

Lynnr321
Participant

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

December 11, 2013 at 9:15 am #198890
Ismael
Moderator
Hey!

Please use this instead:
```
.social_header .phone-info span {
font-size: 20px;
color: orange;
}
```
Cheers!
Ismael
December 11, 2013 at 3:55 pm #199026

Lynnr321
Participant

Yes, that worked! Thanks once again. -Lynn
Author

Posts

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.