Can’t style UL – css styles having no affect

  • On the following page https://www.thebudgetbagista.com/featured/post-3/ I’ve added a <div> just above the ‘comments” section, which holds a 300×250 ad block and a list of the 10 most recent comments.

    For some reason, I can’t style the ul for ‘recent posts’. My html is as follows:

    <div class="blogad_posts">
  <h4>Recent Posts</h4>
  <ul><?php wp_get_archives('type=postbypost&limit=10'); ?></ul>
</div>

    I’d like to indent the list so that it lines up with the left-hand side of the text ‘Recent Posts’, and change the bullets from circle to square. All simple stuff, but my css isn’t taking affect.

    In my style.css, when I use ‘.blogad_posts ul’ to style the list, nothing happens. The theme I’m using seems to have some settings that are overriding anything I do.

    Any advice?

Viewing 2 replies - 1 through 2 (of 2 total)

  • thelast bit of you CSS looks like this:

    #blogad_ad {
float: left;
padding-right:20px;
{

/*************************
Recent Posts Block
*************************/
#blogad_posts {
float: right;

}

#blogad_posts h4 {
margin-left: 0px;
padding-left: 0px;
}

#blogad_posts ul {
list-style: none;
}

    see this part:

    #blogad_ad {
float: left;
padding-right:20px;
{

    notice the last “{“? it’s supposed to be “}”

    you have a typo which makes everything following that in the CSS fail

    Thread Starter orbital2000

    (@orbital2000)

    Wow, silly mistake. I just slapped myself on the side of the head.

    Thanks a million!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Can’t style UL – css styles having no affect’ is closed to new replies.