How do you modify wordpress css for posts?


Tags: html,css,wordpress,css3

Problem :

So, Im using wordpress.com to run my blog. I have paid for the upgrade with custom css. Now I want to change the formatting of posts that are on the front page. Ive been using the "inspect element" on Chrome, simular to Firebug, to see what class everything has and changing the CSS.

Its been pretty easy other than the posts. Each post, apparently has its own class.

my latest post is of class="post-190"

However, the post before it is class="post-188" etc... How do you write a CSS to include all of the post-##



Solution :

You can use these attribute selectors

[class|=post]
an element whose "class" attribute has a hyphen-separated list of values beginning (from the left) with "post"

[class^=post]
an element whose "class" attribute value begins exactly with the string "post"

Source


    CSS Howto..

    How does this wheel menu get the name

    How to give different views for same url for different devices with same resolution?

    How to match an element's background colour with 2 semi-transparent element background colours

    How do I detect the user’s browser and apply a specific CSS file?

    How to use a text file's contents in HTML as text [duplicate]

    how can i connect my css to my JSP files stored in the WEB-INF folder? Websphere/JSP

    How to add a line break
    in
    in HTML

    How to align an element when it locates below some float elements?

    How do I make a div take the remaining height of a parent?

    I need to edit the css properties of a link when it's active (a:active) with jquery after they have been set by normal html css. How do I do that?

    How to fill an HTML form with CSS?

    How do you change the font-size of a custom css style?

    How to use css to style xhtml markup made only of divs like a table [closed]

    How to give style to iframed page content using parent pages css?

    How to squash a div vertically and keep element below 100% on screen

    How do I remove the gap between the header and image slider

    How to test CSS selector performance?

    How to change property of a specific CSS pseudo element?

    How to use the float:left property in CSS without having the trouble I have?

    How to override custom placeholder css

    How can I override inline styles with external CSS?

    How can I convert this from jQuery to vanilla JS?

    How to link a table cell?

    How to detect if my search bar has been expanded?

    How to create such (see image below) effect using pure HTML JS and CSS?

    how do I give partition in the
    tag?

    How to create a panel tab?

    how do i hide anchor text without hiding the anchor

    gwt how to use setStyleName(String style, boolean add) - for a gwt standard widget

    CSS and html: how to style input file in css (aline the text with the choose file button)?