possible to change text size in top nav bar and breadcrumb thread?

[eaa]

Hi SwiftIdeas,

Is it possible to change the text size in top nav bar
and the breadcrumb thread?

Our font is appearing a bit to small to read.

Thanks,
– eaa

[Cosmin – SUPPORT]

Hi,

For the top bar menu, add this custom CSS in the General theme options:

#top-bar .menu > li {
  font-size: 12px !important;
}

For the breadcrumbs:

#breadcrumbs {
    font-size: 12px !important;
}

You can adjust the values as needed.

Regards,
————————————————————————————————————

Cosmin – Support

[Bitedge]

I did this for my breadcrumbs from Yoast and it worked perfectly.

Today all of a sudden it has stopped working… the custom css I have is

#breadcrumbs {
font-size: 14px !important;
}

its simply not being applied. How can we fix this?

[Mohammad – SUPPORT]

Hi,
@Bitedge – please provide me specific page url with issue. Do you want to decrease the font size of breadcrumb?
Thanks
Mohammad

[Bitedge]

Site wide, all pages and posts with breadcrumbs

Page
http://www.bitedge.co/bitcoin-sportsbook-reviews/cloudbet-sportsbook-review/

Post
http://www.bitedge.co/blog/why-to-chose-co-over-biz-info-io-or-me/

I want to make the breadcrumbs 14px site wide

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

#breadcrumbs {
    font-size: 14px !important;
}

Thanks
Mohammad

[Bitedge]

As I said that custom css is already there, it has always worked and now it has stopped working.

[Mohammad – SUPPORT]

Hi,
@Bitedge – Please find given below css code at Admin -> Theme Options -> Custom CSS.

@media (max-width: 479px) {
body.page-id-5540 {
overflow: visible;
}

@media (max-width: 479px) {
body.page-id-231 {
overflow: visible;
}

Change to:-
@media (max-width: 479px) {
body.page-id-5540 {
overflow: visible;
}
}
@media (max-width: 479px) {
body.page-id-231 {
overflow: visible;
}
}

You have missed closing brace

[Bitedge]

Done and makes no difference to anything.

I have also tried deactivating all plugins except SEO by yoast (that is the breadcrumb plugin) and that also makes no difference.

[Kyle – SUPPORT]

You’ve put it in a media query:

@media only screen and (max-width:479px){
.logo-left .nav-wrap{
float:none !important;
}
#nav-search {
 float:none!important;
  margin-top: 10px!important;
}
#breadcrumbs {
    font-size: 14px !important;
}

So it will only apply to screen size less that 479px

– Kyle