CSS for specific page and removing list element

  • Unknown's avatar

    What I am trying to do is to create the equivalent of the blog page but in an order I determine rather than by date – one consequence of which is to create sticky posts. I am getting close using categories and display-posts-shortcode. What I needed to do next was get the link titles from this to be larger but not to affect any other page. This seemed to work

    #post-1943  a.title {
    	font-size: 24px;
    }

    What I would like to achieve next is to get rid of the dots before the ‘headings’ so the posts display at their full width. It is a minor point but I thought I would try. Is it possible to disable what I assume is either the li or the ul for the presentation on the page.

    Thank you for any help you can give me. It may be this is a customization too far given the risk of having things break on different platforms but I thought I would try.

    Andrew

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Sorry forgot to give my test post URL:

    http://sufinz.com/test-category/

    Andrew

  • Unknown's avatar

    I seem to have done it. The only remaining problem is that it makes a mess of the contact form in a post but I can remove that from the post and put it elsewhere.

    #post-1943  a.title {
    	font-size: 24px;
    	font-weight: bold;
    	text-decoration:none;
    	color:black;
    }
    #post-1943  ul.display-posts-listing {
    	list-style: none;
    	margin-left: 0;
    }

    This technique if it is actually stable would seem to provide an easy means of creating any post order that the webmaster wants of which a very basic variation is sticky posts.

    Any comments or suggestions welcome

    Andrew

  • Unknown's avatar

    I am feeling a bit dumb here – since I just discovered that it was possible to make posts sticky anyway. Nevertheless this technique does allow one to create far more complex ordering of post lists, especially by category, and may be useful.

    Andrew

  • Unknown's avatar

    Many thanks for posting your solution. It is appreciated.

  • The topic ‘CSS for specific page and removing list element’ is closed to new replies.