Sean Loche
asked 11 years ago

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.

4 Answers
DominicStaff
answered 11 years ago

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

Pleine Tête
answered 11 years ago

I’d like to change the font size on the DW Minion theme, can you help me ?
Thank you,
Céline

DominicStaff
answered 11 years ago

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!
 

Pleine Tête
replied 11 years ago

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

Wilfred
answered 11 years ago

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!

Pleine Tête
replied 11 years ago

Thank you for your help !

Powered by DW Question & Answer Pro