.span9 {
margin-left: 56px; /*play with these values*/
}
Alternatively use:
.span9 {
padding-left: 56px; /*play with these values*/
}
== =-= == location of the menu
.row-fluid [class*="span"] {
margin-left: .5641%;/*play with these values*/
}
play with the values until the desired result is reached.
Add the above to the ‘Custom CSS’-section of your theme.
== == == extra
How to find which CSS to change
About finding out ‘which things to change in your site [css / html / php]
Well it’s all a bit like trying to solve a puzzle.
Fortunately there are good tools for that.
In your browser: Install / activate webdevelopment add-ons / plugins.
Recommended: ‘Firebug’ and ‘webdeveloper: http://www.chrispederick.com ‘
These tools will show you what’s what.
e.g. right-click > inspect elements > click left bottom arrow-icon
click item in webpage
Inspect css on the right
alter css values to test effect / result
OK? copy altered css rule
paste it in the style.css
of your childtheme.
Alternatively:
Press <F12> a screen will show in the bottom.
Move the mouse over each line
The area shows in the top-half
Press + to unfold parts
Investigate and alter on the right etc.
paste it in the style.css
of your childtheme.
Thanks for the help! That worked for moving the nav bar, but what about changing the content paragraph styles and moving them over towards the center a little bit?
For that use the top bit of code.
If changing the ‘style.css’ of the childtheme doesnot work, copy the ‘blue.css’ or other color.css to the child theme folder and insert the above code in this stylesheet.
I’m sorry but I don’t see blue.css or color.css anywhere
You may have chosen a different color for your theme. Find the css that matches.
Alternatively, locate the [other] css-files:
../wp-content/themes/customizr/inc/css