Hi Yigit
It does the trick! Thanks.
Any possibility to customize the font size of words “Portfolio Items” and “Posts” on tag archive pages?

That really looks great, I appreciate all your time to make this work out.

I have another Question.
In the Functions.php file in Appearance > Editor, there is the Code that Yigit created that replaces the Enfold Logo so I can add my Heading Text,

#1 How do you make two lines of text as per the Mockup?
#2 How do I change the Size and Font Type for each Line of Text?

Thanks again for the Amazing work!

Ismael,
I dont understand your instructions “please try to put it above the Quick CSS field”

Do you mean that the order of the quick css matters, and that I need to put this new css above my existing css?

If so, I tried that and see no change – the underlines are still there. Here is my entire Quick CSS as it is currently:

.html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div > .sub-menu {
border-top: none !important;
}

body {
  font-size: 18px;
}

.header_color .main_menu ul ul { background-color: transparent; color: black; }
.header_color .main_menu .menu ul li a { background-color: rgba(248,248,248,0.7); color: black; }

.header_bg {
opacity: 1;
}

.main_color div.hr span, .main_color div.hr {
	border-color: blue;}

If that’s not what you mean, I am not sure how to place the CSS you provided “above the Quick CSS field’.
Thanks for your assistance

Hi

Here it is:
http://shao-nian-why-bored-z.com/?p=3552

Also is it likely to change the font size/color of words “Portfolio Items” and “Posts” on tag archive pages?

Sorry but all of this is getting more and more frustrating with the code.:-( Can we clarify this? Here is what I have after I put in your code..
The main menu with the white background is extending all the way across the page and we do not want that. Just enough to hold what is in the menu and we don’t want it to wrap to a second line if someone enlarges the screen.
Thank you

@media only screen and (max-width: 990px) {
.logo img { max-width: 70%; }
.logo { left: 0!important;
}
}
@media only screen and (max-width: 480px) {
.responsive .logo a, .responsive .logo img {
max-width: 90%;
height: auto !important;
margin-left: 0!important;
margin-top: 10px!important; }
}
@media only screen and (max-width: 767px) {
ul#avia2-menu {
display: none;
}
}
#top .header_color.av_header_transparency .avia-menu-fx {
background: transparent;
}
#top .header_color.av_header_transparency, #top .header_color.av_header_transparency .phone-info.with_nav span {
color: #000000;
}
.header_color .header_bg, .header_color .main_menu ul ul,.header_color .main_menu .menu ul li a,.header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div,.header_color .av-subnav-menu > li ul,.header_color .av-subnav-menu a {
background-color: rgba(255,255,255,0.3);
}
#top #header_meta a, #top #header_meta ul, #top #header_meta li, #top #header_meta .phone-info {
color: #305c29;
font-size: 12px;
}
.html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child { width: 73%; }
.av-main-nav > li > a { padding: 0 6px;
}
ul#avia-menu {
background-color: rgba(255,255,255,0.4);
border-radius: 5px;
}
}
div#header_meta {
background-color: rgba(255,255,255,0.5)!important;
}
#top .av_header_transparency #header_meta li {
border-color: rgba(255,255,255,0.25);
font-size: 12px;
}
body {
font-size: 15px;
}
.av_phone_active_right .phone-info {
float: right;
font-size: 12px;
}
#socket .sub_menu_socket {
float: right;
margin: 0;
font-size: 12px;
}
#socket .container {
padding-top: 15px;
padding-bottom: 15px;
font-size: 12px;
}
#footer .widgettitle {
color: #FFFFFF;
font-size: 22px;
}
.main_color .tabcontainer .tab:hover, #top .main_color .tabcontainer .tab.active_tab {
color: #5F8821;
font-size: 15px;
}
.sidebar_tab, .main_color .tabcontainer .tab {
color: #5F8821;
font-size: 15px;
font-weight: bold;
}
div .main_color .tabcontainer .active_tab_content, div .main_color .tabcontainer .active_tab {
background-color: #e1e7d4;
color: #000000;
}
.newsbox .news-thumb{
display: none;
}
#footer strong.news-headline {
font-size: 14px;
color: #ffffff;
}
#footer span.news-time {
font-size: 14px;
color: #ffffff;
}
#socket .menu {
margin-top: 6px;
font-size: 14px;
}
.widget_recent_entries li a {
font-style: italic;
font-family: “Georgia”, “Times New Roman”, Helvetica, Arial, sans-serif;
font-size: 14px;
}

Thanks! is there a way to customize the tab colors? and change the font size?

Thank you for your super fast reply – I see this works for the panel – however I’m trying to make the actual tab itself the font size bigger

I did some changes by my own. still need to know about
– the borders between the WPML langage codes in the main menu
– the padding from the language codes to the new border
– the distance of the 1st langage code to the menu items
– the font color and text-decoration of the active/current language code

that’s my current Quick CSS:

.language_flag img {
display: none !important;
}

.av-main-nav > li:first-child .avia-menu-text{ border-left: 0; }
.av-main-nav > li:last-child .avia-menu-text{ border-left: 0; }
.avia-menu-fx{ display: none; }
.av-main-nav > li > a > .avia-menu-text{ border-left: 1px solid #666666; padding-left: 20px; }

.header_color .main_menu ul:first-child > li > a { font-size: 14px!important; color: black!important; }

.header_color .main_menu ul:first-child > li > a:hover { color: #1e73be! important; text-decoration: underline; }

.header_color .sub-menu > li:hover > a {
color: #1e73be! important; text-decoration: underline;
}

.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { color: #1e73be! important; text-decoration: underline; }