How do I change Brackets' font weight? Look here to see how it's on fresh install with Brackets Dark.
The font weight is controlled by the theme you select. Use the Extension Manager (that thing that looks like a lego brick in the right column), go to the Themes tab and install a theme like solarized-light. Then back in Brackets use the View menu and select that theme.
Of course I would be remiss if I didn't mention the Delkos Dark Theme, which is worth looking at just for the way it does bracket matching.
Related
So I'm trying to help migrate my running clubs website from Drupal-7 to Drupal-8.
Some of the content uses 'font Color' to (not suprisingly) change the font colour.
In Drupal-8 this does not seem to work, the font stays black.
(I'll admit I don't really understand CSS and HTML very well)
<strong><font Color=" #9933ff">My Test</Strong>
Is this something I need to change in:
color.css
style.css
in my custom theme ? Or can I make a change in the expression above?
Mark
The solution was to press the 'source' button first in the toolbar in the drupal editor.
I currently use MkDocs together with the Material Theme, to create nice looking wiki and documentation pages.
However, I would like to customize the Theme to make it generally darker, as I'm not a big fan of bright white backgrounds. But sadly am I not good at all with customizing stuff through CSS (which seems to be the only way here) so I was wondering if there is a place/site, where I can find pre-defined CSS files to alter the theme of Material/MkDocs, to something I like.
I guess there are not so many of them if at all (unlike the original MkDocs).
But if you are looking for a dark theme, you can quickstart with the MkDocs-Material-Dark-Theme.
For more advanced customizations, you do have to proceed with a custom CSS.
There are many tutorials on how to start with basic styling so you may find them useful doing your first steps. You can check CSS selectors in the main CSS file of the Material theme or use Developer tools in your browser. To play around with color combinations you can use coolors.co or flatuicolors.com.
I want my Wordpress website navigation menu font larger And make the font become normal type, but NOT capital letters.
I have googled it and the result said need to change the theme style.css in WordPress dashboard, based on the tips but there has another issue, the style.css in my child theme is almost blank, only a few lines with the theme description (i.e. theme name / version / templates/ author etc.) , but Not the site theme CSS. Is the theme creator hide the CSS? So why this happened? And what should I do?
please see the screenshots below.
style.css
Big thanks in advance.
Most of the themes also have a section where you can put custom CSS. You can usually find this in the Wordpress Customizer, otherwise in the theme settings. This way you are always sure it wont disapear after updating your theme. Of course you can also use a child theme, but the style.css above doesn't look like it is from a child theme.
The CSS you are probably looking for is the following:
.nav{
font-size:14px;
}
If you don't know the correct CSS selector (.nav) you can find it here. To see what styles you should use for the element you can look at the CSS Reference of W3Schools. Hope it helps you.
Use a code inspector ie. Chrome dev tools to make the changes you want to the existing style and copy/paste that code into your child theme stylesheet.
EDIT
In Chrome for example, open the code inspector using ctrl+shift+i might be different on a mac, I don't know. by default it will show you your html markup and your css styles below. Locate the element you want to change either by finding it in the html portion or using the selector tool (top-right of the developer window) and selecting the element you want to change on your page.
That will show you the css for that element that you can modify as you wish underneath. Once you are satisfied with the styles you have changed/removed/added, you can copy that code to your child theme css.
Other than that, I can only suggest you find some resources and videos on using dev tools to help you out. If you are building a child theme you will need to be using them significantly.
PS. One more thing to note is that some wp themes have some code that you can only really change with a plugin or by writing custom css under the customizer.
You can figure out exactly what you need to write in the custom css area by using chrome's dev tools and selecting the font you want to change.
I am trying to convert our project to use the latest macadmine theme. It was using font awesome 3 and now with switching to font awesome 4 I have to change all icons to the proper names. I found this page https://github.com/FortAwesome/Font-Awesome/wiki/Upgrading-from-3.2.1-to-4 but I don't understand what should I use for icon-1x. In many of the i tags I see two icons defined the second being icon-1x. What should I change it to?
Icon-1x does not exist in font awesome, even in version 3. Unless you have styles for it included in something else, you can just get rid of it.
Is possible to change Chrome's Sources tab background color? I found this article, it explains how to give a custom skin to Chrome's inspector through a css file, but it doesn't work for the Sources tab (Elements and Console work very well though, as you can see from the screenshot)
Thanks
Some themes don't change Sources tab color. Different themes, different styles. Try to use something else. I would recommend these ones (all of them change Sources tab background color):
MNML: https://github.com/frontdevde/mnml-devtools-theme/blob/master/Custom.css
Ruby Blue: https://github.com/chrisbateman/ChromeDevToolsTheme-RubyBlue/blob/master/Custom.css
Tomorrow: https://gist.github.com/bentruyman/1163300
Do the same steps, but use one of Custome.css files I mentioned above.