WordPress.org

1. jmerr59944
   Member
   Posted 11 months ago #

   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

2. alchymyth
   The Sweeper
   Posted 11 months ago #

   try to add something like this to the end of style.css of your child theme:
   .widget_pages li { margin-bottom: 5px; }

3. sheenatroncoso
   Member
   Posted 11 months ago #

   try the tag < br >

4. jmerr59944
   Member
   Posted 11 months ago #

   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="http://mekorfitness.com/wp-content/uploads/2011/06/dumbbells.jpg"><img src="http://mekorfitness.com/wp-content/uploads/2011/06/dumbbells.jpg" alt="" title="Dumbbell-Mekor Fitness" /></a></div><div id="zumba"><a href="http://mekorfitness.com/wp-content/uploads/2011/06/zumba.jpg"><img src="http://mekorfitness.com/wp-content/uploads/2011/06/zumba.jpg" alt="" title="Zumba-Mekor Fitness" /><div id="arm"></a><a href="http://mekorfitness.com/wp-content/uploads/2011/06/arm.jpg"><img src="http://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...

5. alchymyth
   The Sweeper
   Posted 11 months ago #

   reshuffled the code:

   </div><!-- #site-info --><div id="footer-images"><div id="dumbbell"><a href="http://mekorfitness.com/wp-content/uploads/2011/06/dumbbells.jpg"><img src="http://mekorfitness.com/wp-content/uploads/2011/06/dumbbells.jpg" alt="" title="Dumbbell-Mekor Fitness"></a></div><div id="arm"><a href="http://mekorfitness.com/wp-content/uploads/2011/06/arm.jpg"><img src="http://mekorfitness.com/wp-content/uploads/2011/06/arm.jpg" alt="" title="Arm-Mekor Fitness"></a></div><div id="zumba"><a href="http://mekorfitness.com/wp-content/uploads/2011/06/zumba.jpg"><img src="http://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; }

6. jmerr59944
   Member
   Posted 11 months ago #

   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.

7. alchymyth
   The Sweeper
   Posted 11 months ago #

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

8. jmerr59944
   Member
   Posted 11 months ago #

   some more questions:

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

   thanks!

9. alchymyth
   The Sweeper
   Posted 11 months ago #

   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;
   }

10. jmerr59944
    Member
    Posted 11 months ago #

    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.

Reply

You must log in to post.