Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress From Bootstrap to WordPress Setup a Bootstrap Theme Create the Basic WordPress Theme Files

4,789 Points

when the example bootstrap theme is more complicate....

At the beginning is easy but the complicate part is when you have to change the css and the JavaScript. I bought a html theme built in bootstrap, but this theme has a lot of external stylesheet files. Is any other example where there is a more complicate theme?

1 Answer

Vance Rivera
Vance Rivera
18,322 Points

bootstrap themes are very robust in features and pretty much has styling for every element therefore it is very complex. Now if you want to customize the theme you will undoubtedly been in for a long process. You can do this in one of two ways one is using the getboostrap site where you are able to customize the themes and then download the zip when done or you can simply make your own css file that overwrites the bootstrap themes. Note: when creating your own theme that co-exists with bootstrap themes sometimes you will not get a result at all and thats because in CSS specificity matters. Basically if your css style for an element does not have at least the same specificity as boostraps then your changes will probably not render. Another key is the order in which the CSS is referenced in your html if you want to override css properties you need to include your css file after you reference bootstraps css file. I personally create my own css file and leave the boostrap stock this way I will always have default styling from bootstrap.