DoubleDigits

Make sure your template is calling the comments template. It is usually something like this:

<?php comments_template(); ?>

You can do this:

.menu {margin-left: 50px;
#menu-sidebar {list-style: disc;}

Since your menu div is sitting flush against the slider you need to give it some left margin so the bullets are visible. This will add plain bullets to the list, to add images is a different method.

Andrew, list-style-type: initial; isn’t a valid property and by default, the list position, is outside, which is generally what everyone wants. So I wouldn’t recommend the positioning of it inside.

You can use posts for all your blog posts and pages for all your general static pages.

Set the content and both sidebars to float left. Then give the content and right sidebar equal left margins. Since you are using % widths for the contains just use:

Left sidebar – 20% width
Content – 58% width with 1% left margin
Right Sidebar 20% width with 1% left margin

That will add up to your 100% width with equal margins.

Make sure your .htaccess is writable. That often happens when you change to postname style permalink structure. When you change it, it should show you the code if it is not writable.

Take that code and put it into your .htaccess

You should wrap all those social buttons in a container so you just have to position the container first then the icons next.

Just use one image. Using two doesn’t make much sense.

Use this:

#menu-sidebar li {margin-bottom: 10px;}
 #menu-sidebar li:last-child {margin-bottom: 0px;}

This will add a gap between all the list items and the last item will not have the margin.

This will add it to any list you put in the sidebar. I recommend adding a class and applying this style to that class.

Add all your code into assets/app.css . Don’t touch the bootstrap files always add your edits to their css in app.css so if you upgrade when a new version of bootstrap comes out it won’t overwrite you changes.

This theme is designed to not look like it was designed on WordPress that’s why it uses /assets/ for uploads and not the default style.css.

Take off the alignleft because it is floating your image left. Once you do that add :

margin: 0 auto;

I did it on your site and it centered correctly.

For a custom homepage you need to edit the base.php to call w/e template you want if it is the front page. Linking to another css file you can do in scripts.php.

Root’s style.css is blank except for the template info for wordpress. The css you add to is app.css. All the other styles are being pulled from bootstrap.css and bootstrap-responsive.css in the css folder.

Looking over skeleton I would say it is similar but Bootstrap has many more features built in. It is supported by twitter so you know it is here to stay and be well supported.

Check out https://twitter.github.io/bootstrap/ for everything Bootstrap can do.

I like how it segregates a lot of the components. This way you don’t have a ton of files/templates with code that can be called from other files.

I like Bootstrap because it has a lot of nice styles/components built in and if need be you can restyle theirs.

If you are used to the traditional WordPress file structure then Roots might be a little daunting but for me its a lot cleaner and leaner to work , I like the segregation so I can change a file I have in 5 temps in just one spot rather than all the temps.

I recommend https://www.rootstheme.com/. Built with HTML Boilerplate and Bootstrap, which personally I find makes developing a lot faster.

And it is well supported do you can’t go wrong.

Refresh your cache. Looks good on my side.

Your current CSS looks like this:

input[type=”text”], input[type=”email”], input[type=”password”]
{
background: #F6FBFE;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border:1px solid #C7C7C7;
margin:0 auto;
}
input[type=”text”], input[type=”password”]
{
width: 100%;
padding: 5px 0;
color: #0366A0 !important;
margin: 2px 0;
}

You should truncate it to this:

input[type=”text”], input[type=”email”], input[type=”password”]
{
width: 100%;
padding: 5px 0;
color: #0366A0 !important;
margin: 2px 0;
background: #F6FBFE;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border:1px solid #C7C7C7;
margin:0 auto;
}

The way you had it before, it was only getting half the styling.