Child Theme Preset Style

Resolved ickehier
(@ickehier)

6 years, 8 months ago
Hello,

thanks a lot to all of your team for making this awesome starter theme. It helped a lot getting to know WordPress theming.

Is it possible to insert my own preset-css file or do I have to overwrite all relevant css classes in my costum.css with !important?

I was hoping to be able to enqueue the costum file in my functions.php but it doesn’t seem to enqueue it.

functions.php
```
function load_custom()
    {   
        wp_register_style("costum-preset", get_template_directory_uri() . "/costum-preset.css" , array(), 1, "all");
        wp_enqueue_style("costum-preset");
    
    }
    
add_action("wp_enqueue_scripts", "load_custom");
```
- This topic was modified 6 years, 8 months ago by ickehier.
- This topic was modified 6 years, 8 months ago by ickehier.
The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

Theme Author Afterimage Designs
(@afterimagedesigns)

6 years, 8 months ago

Hi @ickehier,

Thanks for using our theme. With regard to your issue our theme doesn’t support external preset styling though you can use !important on your child theme. If you could be so kind to check this too https://wordpress.org/support/topic/load-order-of-css-preset-styles/. It seems that you have the same issue and this might fix your issue above to prevent using ‘!important’ on your CSS.

Thread Starter ickehier
(@ickehier)

6 years, 8 months ago

Thanks for your answer.

Are there SASS or LESS versions of those files available?

Theme Author Afterimage Designs
(@afterimagedesigns)

6 years, 8 months ago

Hi @ickehier,

Apologies but our theme doesn’t have versions for those.

Thread Starter ickehier
(@ickehier)

6 years, 7 months ago

Actually, I managed to put them together myself with official Bootstrap and the Simplex theme scss from Bootswatch.

kmitz
(@kmitz)

6 years, 7 months ago

Hi @ickehier ,

I’m not at all familiar with SASS/LESS, either.

Can you explain what you did exactly in the above post?

Thx.
Thread Starter ickehier
(@ickehier)

6 years, 7 months ago
Explaining it all step for step would be too long for me, sorry. Besides, I’m not a pro at it. You definately should read up on it. LESS is great! You could say it is a pre-compiled CSS enabling you to do many changes by just one line.

What I did is to combine and compile the free Bootswatch Theme SCSS (this template uses them) and Bootstrap SCSS into one CSS file.

So basically what you need is:
- SASS/LESS compiler (there are many, also as extensions for different IDEs)
- Bootstrap Source files
- Bootswatch Theme Source files

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Child Theme Preset Style’ is closed to new replies.