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 to place text above an element in HTML/CSS?

    How to id dom table so I can position it on page?

    CSS How to attach input box to bottom of divider window

    How do I access font features in CSS?

    How to completely show hide tabs on onclick event in HTML CSS Javascript

    How to stop DIVS from colliding when page resized (footer)?

    how to show element if visible in view-port with jQuery? (UPDATE)

    How to select the first element from a selection when one element does not have a class via CSS?

    How to make gridview in asp.net scrollable?

    How to make text vertical in a jQuery UI Layout toggler?

    How to center data table header and data using in bootstrap w/o using CSS?

    How to make CSS border show on radio button click

    How to make a central background over the page in HTML/CSS?

    How to get precise borders and sizes in Android KitKat's Webview(Android Chrome) on Nexus 7?

    How to reapply new text format in CSS after removing format initially

    With three divs, how to make one float to the right?

    Third-Level Menu Items Are Always Showing

    How to prevent dynamically appended div from overflowing?

    How to make content of invisible except for the left column?

    How do I strip a line of text or amount of words/characters from stored text with CSS/Javascript?

    How to Add flexibility to SASS for another color

    how to use css button to post method in a form?

    How to use different CSS opacity in a nested div? [duplicate]

    How to avoid css and scripting effect when input on textbox

    how to show like chat box for the div/p tag top left/right corners

    On click show or hide the children links in javascript or jquery

    How to set full auto width for input tag

    css: how to make circles connected by lines responsive with bootstrap?

    How to use CSS with javascript

    How can I prevent the seconds portion from displaying on the HTML5 time input element?