How to change paragraph styles (6 posts)

  1. atvbballrob
    Posted 3 years ago #


    First, great theme -- it's been very helpful.

    I am new to this so was wondering how to indent the text more. I'd like all of the content to be about a half inch further away from the left.

    Also, is there anyway to move the top navigation menu over slightly closer to the logo?

    Lastly, how do I remove the image next to the page headers. It looks like a little notebook?


  2. W.P. Ginfo
    Posted 3 years ago #

    .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.

    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.

  3. atvbballrob
    Posted 3 years ago #

    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?

  4. W.P. Ginfo
    Posted 3 years ago #

    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.

  5. atvbballrob
    Posted 3 years ago #

    I'm sorry but I don't see blue.css or color.css anywhere

  6. W.P. Ginfo
    Posted 3 years ago #

    You may have chosen a different color for your theme. Find the css that matches.
    Alternatively, locate the [other] css-files:


Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.