CSS Styles Question, Help Needed ! ! ! !

  • Hello!

    Although I know HTML and CSS, I am still having an issue with trying to figure out the best way to style the following:

    <article id="post-1" class="post-1 post type-post status-publish format-standard hentry category-uncategorized">

Content Here !

</article>

    May I add, this is a WordPress theme, The HTML5 Reset Theme to be exact.

    I would normally style using the ‘ ID Tag ‘ –> ‘ post-1, but I don’t think I can in this case. Then I thought maybe using a ‘ Class Tag ‘ –> ‘ post ‘.

    I just don’t know what step to take. Help !

    Thank you….

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

  • to generally style the post, using the .hentry class is quite common;
    to style individual posts differently, use the .post-{id} class.

    Thread Starter mooapo

    (@mooapo)

    So if I want to float this to the left, and add width, I use .hentry?

    .hentry would be ok – but you could use any of the css classes;

    this might depend on if you want the same formatting for posts or pages.

    .hentry is faily standard and would be output in posts and pages.

    your posted example output is most likely done with post_class() – https://codex.www.ads-software.com/Function_Reference/post_class

    simply try it;
    for example:

    .hentry { width: 200px; float: left; background: grey; }

    background color is only temporary so you can see the size and position of the <article>

    details depend on the context, i.e. on the other html and css around the <article>.

    for more suggestions, please post a link to the post with the formatting ‘problem’.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS Styles Question, Help Needed ! ! ! !’ is closed to new replies.