I am attempting to change the font, size, colors, etc., for my site and when changing the CSS, I am having no luck with the result.
Thank you.
1. To change the green color in the theme, you can open the main.css file in the folder path “\wp-content\themes\dw-minion\assets\css” and change all the green color in the main.css file in your color.
please search the color here: http://www.w3schools.com/html/html_colornames.asp
2. To change the font in the post on the theme.
Step 1: Go to site here to find the font you would like to use: http://www.google.com/fonts/
Step 2: click the Quick-use
see the screenshot: http://imgur.com/zYPj0Fm
Step 3: Please move through the “@import” and copy the code.
See the screenshot: http://imgur.com/ylIX3jO
And paste into the main.css file.
See the screenshot:
Step 4: open the main.css file find line 4629 and replace the following code:
font-family: 'Roboto Slab', serif;
With your font
See the screenshot:
for example:
font-family: 'Londrina Shadow', cursive;
3. To change the size on the theme, you can tell me more
I’d like to change the font size on the DW Minion theme, can you help me ?
Thank you,
Céline
Hi Celine,
To change font size in the DW Minion theme. please Log in to Dashboard > Theme > customize > Custom Code then add the following code to the “Header Code”
<style>
body {
font-size: ...;
}
.widget_nav_menu li {
font-size: ...;
}
.site-description {
font-size: ...;
}
.widget_categories li {
font-size: ...;
}
.entry-title {
font-size: ...;
}
.entry-meta .posted-on, .entry-meta .comments-link {
font-size: ...;
}
</style>
Hope this helps!
Thank you very much Dominic !
Meanwhile I’ve changed main.css. Is it a good solution ? (I’m sorry, I’m french and my english isn’t very good 🙂 )
Céline
Hi Celine, Technically you can edit directly in main.css file, however we would not recommend it. Because: it’s hard to maintain and manage the code that you have changed, in case you want to upgrade the theme. A good practice here is create a custom-style.css in asset/css folder. Then add this code line to Header:
<pre data-dw-comment="u7Td9"> <link rel='stylesheet' href='[http://localhost/joom/dw-minion/wp-content/themes/dw-minion/assets/css/customstyle.css](http://localhost/joom/dw-minion/wp-content/themes/dw-minion/assets/css/customstyle.css)' type='text/css' media='all' />
Or else: you can simply download Minion version 1.0.5
https://www.designwall.com/wordpress/themes/dw-minion/
In this version we support custom font, style in customizer section in back-end already.
Hope this helps!
Thank you for your help !
Please login or Register to submit your answer