change menu font size, page content box background

Hi there, I’m new to Colorlib, so apologies if these are already answered
How can I change the font size of the navigation menu?

Also, I would like to make the page and sidebar background box 50% transparent - it is currently white. Which part of the CSS needs to be changed?

Thanks

I see that you have already solved all these issues yourself.

Would be awesome if you could post your solution here, so other can find it useful as well.

Thank you!

Thanks to this forum I found what I was looking for - thank you everyone!

To change the font size of the menu, I added the following to “Custom CSS” in Theme Options:

.navbar-default .navbar-nav li a {
  text-transform: lowercase;
  font-size: 18px;
  font-weight: bold;
}

I also changed the text to lowercase as you can see

To make the page content and sidebar transparent I added the following code the “Custom CSS”:

.post-inner-content {
  opacity: 0.8;
}
.widget-area {
  opacity: 0.8;
}

However I’m not 100% happy with this solution as it makes all the content slightly transparent (including any images in posts and pages…). Is there a way to just make the content box background transparent, and nothing else?

Thanks!

Opacity means that the entire section becomes transparent. To change only background you need to use transparent color codes instead. Now remove code which is related to opacity

.post-inner-content {
  opacity: 0.8;
}
.widget-area {
  opacity: 0.8;
}

And replace it with this one:

.post-inner-content {
    background: #FFF;
    background: rgba(255,255,255,.8);
}
.well {
    background: #A2CCF6;
    background: rgba(162, 204, 246,.8);
}

It will use RGBA code values where “a” stands for opacity and it has original HEX value to make it work on Internet Explorer 8 and older.