New guide to style CSS / HTML for the Customizr WordPress theme

Newbie in webdesign / webdev? Thanks to Dave Bardell we now have an handy guide to understand the CSS basics and style the Customizr WordPress theme.

Check it out here to create your beautiful webdesign : colors, positionning, fonts, margin/padding, borders : Guide to CSS and HTML in the Customizr WordPress theme

8 thoughts on “New guide to style CSS / HTML for the Customizr WordPress theme”

Mike iLL
26 June 2014, 22 h 59 min
Hi Nocolas.

For this project we are changing the body background color on the home page and I’m using the following code in the Child Theme’s functions.php file.
```
add_action('wp_enqueue_scripts', 'front_page_design');
    function front_page_design() {
        if ( is_front_page() || is_home()){
            wp_enqueue_style( 'home_page_style', get_stylesheet_directory_uri() . '/index-style.css', 'customizr-skin' );
            }
        }
```
Where ‘customizr-skin’ is a dependency argument that is supposed to refer to the handle of the css I want mine to load AFTER.
I can achieve the desired effect by using !important in the css: http://www.margaretwarren.us

But I have searched all the customizr code for wp_enqueue for a handle that will connect with Blue.css and put my code after it – to no avail. Can you help?
- Nicolas
  27 June 2014, 13 h 09 min
  
  Hi Mike,
  You have done the right thing but in the wp_enqueue_style WordPress function, the
  dependency parameter is expected to be an arraywhen you have used a string.
  
  Replace ‘customizr-skin’ by array(‘customizr-skin’) and you should be done.
  Best.
  - Mike iLL
    27 June 2014, 19 h 10 min
    
    Thank you! Here is the correct code:
    
    add_action('wp_enqueue_scripts', 'front_page_design'); function front_page_design() { if ( is_front_page() || is_home()){ wp_enqueue_style( 'home_page_style', get_stylesheet_directory_uri() . '/index-style.css', array('name_of_main_style') ); } }
R. Howard
21 March 2014, 19 h 34 min
Is there a reason that some of the style declarations seem to be exact duplicates in, for example, grey.css? What am I missing here? I want to delete them if not needed. One example is below:
```
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.modal-footer:after { 
clear: both;
}
```
Thanks in advance for your expert answer!
- R. Howard
  21 March 2014, 19 h 42 min
  
  Whoops! I should make it clear that the css shown in my previous comment has an exact duplicate listed immediately below the first declaration of the style shown. These duplicated declarations start on line 4944 of the style sheet, provided you have not altered the CSS.
Kenny Vangelooven
8 January 2014, 22 h 24 min

Hi Nicolas,
Thanks for your reply. I will make a post on the user forum and will try to be more specific.
Kenny Vangelooven
7 January 2014, 20 h 45 min

Hi,
I am trying to get excerpts running on wordpress, with te Customizr theme. I have been searching for a long time and found some useful tips. However, when I try changing codes, I do not get the result I want.

I either get just a text or nothing at all.

I am not sure if this is theme related or Wordpress in general.

If you could be so kind to take look at http://www.smxpics.be/V2 . The post titled ‘Nog nen test’ is looking like I want it. I have done this by simply adding a link to the post. I would like this to appear automatically when using the excerpt field of a post.

If you would like to know what the content of the site will be, please visit http://www.smxpics.be
This is the version of the site we have running at this time. Our goal is to replace this with the ‘V2’ one.

Thanks in advance for your advice and tips.
Kind regards,
Kenny.
- Nicolas
  8 January 2014, 12 h 30 min
  
  Hi, I don’t really see what is the final result you want to have on your website. Can you please be more specific and post a thread on the user forum here : http://wordpress.org/support/theme/customizr. (will benefit to more users and more help available!)
  We’ll do our best to help!
  Thanks

Comments are closed.

New guide to style CSS / HTML for the Customizr WordPress theme

AUTHOR

Press Customizr

8 thoughts on “New guide to style CSS / HTML for the Customizr WordPress theme”