• Hi i am new to css and was hoping for some help.

    In mekorfitness.com, I am using the pages widget. I would like to create spacing between the page names (not each line) within the widget. I am not sure where to start.

    Please help
    jeremy

Viewing 9 replies - 1 through 9 (of 9 total)
  • try to add something like this to the end of style.css of your child theme:
    .widget_pages li { margin-bottom: 5px; }

    try the tag < br >

    Thread Starter jmerr59944

    (@jmerr59944)

    AWESOME!

    Thanks so much…also I am having a hard time with my footer…i used the following in my stylesheet:

    [please mark any code using the ‘code’ button or wrap it in backticks]

    #footer-images{width:100%;}
    #dumbbell{float:left;width:100px;}
    #arm{float:right;width:100px;}
    #zumba{margin:0 auto;width:100px;}

    and the following in my footer:
    </div><!-- #site-info --><div id="footer-images"><div id="dumbbell"><a href="https://mekorfitness.com/wp-content/uploads/2011/06/dumbbells.jpg"><img src="https://mekorfitness.com/wp-content/uploads/2011/06/dumbbells.jpg" alt="" title="Dumbbell-Mekor Fitness" /></a></div><div id="zumba"><a href="https://mekorfitness.com/wp-content/uploads/2011/06/zumba.jpg"><img src="https://mekorfitness.com/wp-content/uploads/2011/06/zumba.jpg" alt="" title="Zumba-Mekor Fitness" /><div id="arm"></a><a href="https://mekorfitness.com/wp-content/uploads/2011/06/arm.jpg"><img src="https://mekorfitness.com/wp-content/uploads/2011/06/arm.jpg" alt="" title="Arm-Mekor Fitness" /></a></div></div>

    im trying to align all three, with the dumbbells to the left, zumba centered and the muscleman to the right, flush against the side.

    pls help…

    reshuffled the code:

    </div><!-- #site-info --><div id="footer-images"><div id="dumbbell"><a href="https://mekorfitness.com/wp-content/uploads/2011/06/dumbbells.jpg"><img src="https://mekorfitness.com/wp-content/uploads/2011/06/dumbbells.jpg" alt="" title="Dumbbell-Mekor Fitness"></a></div><div id="arm"><a href="https://mekorfitness.com/wp-content/uploads/2011/06/arm.jpg"><img src="https://mekorfitness.com/wp-content/uploads/2011/06/arm.jpg" alt="" title="Arm-Mekor Fitness"></a></div><div id="zumba"><a href="https://mekorfitness.com/wp-content/uploads/2011/06/zumba.jpg"><img src="https://mekorfitness.com/wp-content/uploads/2011/06/zumba.jpg" alt="" title="Zumba-Mekor Fitness"></a></div></div>

    change a little bit:

    #arm{float:right;width:100px;text-align:right;}

    and move the new styles into style.css of the child theme (otherwise they will be overwritten with the next upgrade):

    #footer-images{width:100%;}
    #dumbbell{float:left;width:100px;}
    #arm{float:right;width:100px;text-align:right;}
    #zumba{margin:0 auto;width:100px;}
    
    .widget_pages li { margin-bottom: 15px; }

    Thread Starter jmerr59944

    (@jmerr59944)

    THANKS!

    ok last question for now…i created the child last week before I began as everyone suggested…Do I have to copy over every file?
    all i copied/created was: stylesheet.css

    with the following inside of it:

    /*
    Theme Name: Twenty Ten Child
    Description: Child theme for the Twenty Ten theme
    Author: jeremy merrill
    Template: twentyten
    */

    @import url(“../twentyten/style.css”);

    #site-title a {
    color: #009900;
    }

    what more needs to be added to my child theme? every template i edited?

    thanks so much.

    Do I have to copy over every file?
    all i copied/created was: style.css

    …every template i edited?

    you need to copy all files that you have edited.

    if you have changed things in style.css of the parent theme, copy the content from the style.css of the parent theme into the style.css of the child theme.

    and, it is important that you add any new or changed styles into the new style.css (of the child theme).

    Thread Starter jmerr59944

    (@jmerr59944)

    some more questions:

    How do i make my left nav on mekorfitness.com a little bit smaller?

    thanks!

    do you mean how to make the area narrower?

    the space is defined by these numbers;
    add these styles at the end of style.css of your child theme:

    #container {
    	margin: 0 -240px 0 0;
    }
    #content {
    	margin: 0 280px 0 20px;
    }
    #primary,
    #secondary {
    	width: 220px;
    }

    to narrow the left sidebar down to 180px, for instance, change them to:

    #container {
    	margin: 0 -200px 0 0;
    }
    #content {
    	margin: 0 220px 0 20px;
    }
    #primary,
    #secondary {
    	width: 180px;
    }

    Thread Starter jmerr59944

    (@jmerr59944)

    Thanks!

    I have a few more questions:

    1) How do I change the color of my links in my footer so that even when they are hyperlinked they are another color than blue?

    2) How do i make the colors of the page name links in the left side change when i am on that page. For example, if I click on “home”, the “home” link would be purple while I was on the homepage and would change back to red when I go to another page?

    thanks so much.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘how do i create line spacing in the pages widget’ is closed to new replies.