WordPress.org

1. acrofford
   Member
   Posted 3 years ago #

   I am trying to make the child list the same size as the parent. I checked the WP Codex site but still can't get it to work.

   The page is located at:

   http://burnnoticenews.com/archives/

   As you can see 'Character Profiles' is bigger than 'Show Information'. I would like everything to be the same size as 'Show Information'.

   Your help s appreciated.

   Thanks,
   Andy

2. stvwlf
   Member
   Posted 3 years ago #

   Hi - Add this near the bottom of your stylesheet
   ul.children li { font-size: 1em; }

3. acrofford
   Member
   Posted 3 years ago #

   Thanks a lot, it worked! Just for my info why does it have to be at the bottom? (Not questioning that it does, just wondering why for my knowledge.)

   Thanks again,

   Andy

4. stvwlf
   Member
   Posted 3 years ago #

   Hi

   It doesn't necessarily need to be at the bottom. However the way that CSS works, if something is declared more than once, the last declaration "wins". That includes across multiple stylesheets also.

   So for a quick and easy solution to your problem, I just suggested putting it near the bottom. That way if there was a prior declaration it would be overridden. If there is a section in your stylesheet you'd prefer it to be, you can move it there and see if it still works. One advantage of starting first at the bottom is, if it works at the bottom and doesn't work when you move it up, then you the problem is a second declaration of the same style, versus wondering of there was something wrong with your proposed styling.

Topic Closed

This topic has been closed to new replies.