after I deactivated W3 total cache, due to a problem with anchors not linking correctly, I now see my css changes to the team member titles, but still have the names on the slideshow. Any ideas? Is there any way to specify the team member name font sizes on specific pages?

thanks for your continued amazing support.
n

• This reply was modified 12 years, 1 month ago by Munford.

Hi Josué,

How can I increase the size of the font on my post titles?

Many thanks,

Miguel

That’s the code I tried already for hiding the titles but it doesn’t work.
?? I have cleared the cache, reloaded.
neither does the hiding of the author code. The quick css seems to not really respond to changes.

I am also trying to change the font of the team member name globally on my site with this:

.team-member-name {
font-size: 14px;
font-weight: 600
}

but it doesn’t work – I have cleared the cache and reloaded over and over.
same problem –

you can see both issues on this page:
http://www.copenhagenfilmcompany.dk/2014/corporate-en/
any suggestions? I tried with the “!important” but same result.

• This reply was modified 12 years, 1 month ago by Munford.

Thanks, with the modified java and the custom css posted by yigit this worked. Only problem left is that the size of the text won’t reduce like it used to.

Here is the custom css I’m using:

@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .mobile_menu_tablet .main_menu {
display: block;
padding: 0 6px;
font-size: 10px;
}

.main_menu {
margin-right: -30px;
}

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

The “font-size” doesn’t apply. Any idea what I’m doing wrong?

Cheers!

Hello Yigit!

Thank you for your response!

Your tips for 1 and 2 worked.

However, for question 3, sorry, I should rephrase my question. The question is, is there a way to change size and font colour for the Title of the tabs. For example, in my URL http://www.1realestatesg.com/alana/, there are 4 tabs. The tabs titles are “Why Alana”, “Location”, “Site plan” and “Architecture”. Can I change their font size and colour?

Thank you! :)

Hi,

Thanks, but this displays the responsive menu when seen on tablet. I want to display the regular menu on tablet.

To sum things up, I want to display:

– the regular menu over 989px,
– the responsive menu under 767px,
– the regular menu with adapted logo width, font size and padding for everything between 768px and 988px.

Basically what I used to do before, using the code I gave you earlier.

Cheers.

The border, padding and top menu is still there somehow please use google chrome browser and you will se it.
Think its something about : class”container” or class”sub_menu” and id”header_meta´”

My CSS so far:

/* Font size */
body { font-size: 14px;}

/* Disable Enfold Responsive menu button  */
.main_menu .mobileMenu { display:none !important; }

/* Disable top menu */ 
 #header_meta { display: none !important;}

/* Disable top social bookmarks */ 
#top .social_bookmarks { display: none;}

/* Disable logout link in menu */ 
.page-item-logout {display:none;}

.bottom_nav_header.social_header #header_main .container {height: 140px; }

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

//M

Thanks but the “current” navigation on the header is only evident when one is in the first submenu item i.e. the first open page of a main navigation item. When one goes to another page item within the menu item the “current” is lost.

The css for the navigation looks unclean.
/*NAVIGATION*/

/*ROLLOVER/CURRENT MENU DECORATION*/
.header_color .avia-menu-fx {
background-color: #7aa84a;
}
.header_color .avia-menu-fx .avia-arrow, .header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {
border-color: #7aa84a;
}

/*MAIN*/
.header_color .main_menu ul:first-child > li > a {
color: #d45226;
}

#top .main_menu ul.menu li a {
font-size: 14px;
}

/*MAIN NAVIGATION HOVER*/
.header_color .main_menu ul:first-child > li a:hover {
color: #7aa84a;
}

/*MAIN NAVIGATION CURRENT*/
.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: #7aa84a;
}

/*MAIN NAV SUB NAVIGATION*/
.header_color .main_menu .menu ul li a {
color: #d45226;
font-weight: 600;
}

#top .main_menu .menu li ul a {
font-size: 14px;
line-height: 15px;
}

/*MAIN NAV SUB NAV HOVER*/
#top .header_color .main_menu .menu ul li>a:hover {
color: #7aa84a;
background-color: transparent;
}

/*MAIN NAV SUB NAV CURRENT*/
still need this code

/*SIDE NAVIGATION*/
.main_color .widget_nav_menu ul:first-child>.current_page_item {
background: transparent;
}

.main_color .sidebar .current_page_item>a {
color: #7aa84a;
}

.main_color .sidebar a {
color: #d45226;
}

.main_color .sidebar a:hover {
color: #7aa84a;
}

.sidebar {
font-size: 14px;
line-height: 17px;
}

.js_active .tab {
font-size: 14px;
}

THANKS

how to remove the lines on the side navigation current item ?