CSS selector for the standard header for every post in the Zoren theme

• 

  vesteragerm · Member · Aug 8, 2013 at 10:14 am

  • Copy link
  • Add topic to favorites

  In the Zoren theme there is a header for every post (Posted by, Posted on, Posted under, Comments). How can I select this area in CSS? They are selected when I use the .post or #content selector, where all the content of the post is selected, but I’m unable to select it separately.

  Alternatively, how can I select only the actual content of the post, without selecting this header. When I increase font size of the post content, this header (posted by, posted on, posted under, comments) is also changed. My blog is hosted by wordpress.com. Thanks.

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

• 

  rachelmcr · Member · Aug 8, 2013 at 1:02 pm

  • Copy link

  Hi there,

  The content in the post header (the post’s meta data) in the Zoren theme can be selected with the .entry-meta selector. Each of the individual pieces in that header can also be selected separately if you need.

  The post content can be selected with the .entry-content selector, so you can use that to style the text within the post without changing the text for the meta data.

  You can use your browser’s developer tools to help identify these CSS selectors, as well. In Chrome, you can right click and select “Inspect Element” to use those developer tools. We also have more tips about working with CSS here:

  • CSS Basics
  • Editing CSS

  Let me know if you have any questions about that! :)

• 

  vesteragerm · Member · Aug 8, 2013 at 2:46 pm

  • Copy link

  Excellent. It works! Thanks ;-)

• 

  rachelmcr · Member · Aug 8, 2013 at 3:18 pm

  • Copy link

  Great! If you have other questions about using CSS, we also have a CSS customization forum where you can get help from staff and volunteers:
  https://en.forums.wordpress.com/forum/css-customization

  Let me know if I can help with anything else. :)