CSS for specific page and removing list element
-
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)
-
-
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
-
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
-
- The topic ‘CSS for specific page and removing list element’ is closed to new replies.