• Plans & Pricing
  • Log in
  • Get started
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • WordPress Studio
  • Enterprise WordPress 
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
  • Support Center
  • WordPress News
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
Get started
  • Sign up
  • Log in
About
  • Plans & Pricing
Products
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • WordPress Studio
  • Enterprise WordPress  
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
Resources
  • Support Center
  • WordPress News
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
Jetpack App
  • Learn more
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
Search
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
Forums / Delete post meta data entries update post title style of 'more art.' in Oxygen

Delete post meta data entries update post title style of 'more art.' in Oxygen

  • Unknown's avatar
    amsteloost · Member · Jul 24, 2013 at 2:00 pm
    • Copy link Copy link
    • Add topic to favorites Add topic to favorites

    Hi,

    Three questions re customizing the Oxygen them (I have bought the design upgrade):

    1. Is it possible to get ret of some of the post meta data, but not all? I would like to keep the date, and get rid of the categories and the author data. I already added:

    entry-meta .byline {
    display: none;
    }
    .entry-meta .sep {
    display: none;
    }

    in the custom css, but then the actual category titles were still displayed (whereas I though ‘sep’ should take care of that?)

    2. Related: when you hover on the date, you see the publication time. Can I delete that?

    3. The post titles under ‘more articles’ use a different font than the one that I selected for all titles. (I think it uses the original default or something). How can I make sure that it will also use the font I chose for the other post titles? I also want to give this the same styling (font colour etc).

    All help greatly appreciated!

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

  • Unknown's avatar
    thesacredpath · Member · Jul 24, 2013 at 5:13 pm
    • Copy link Copy link

    Here are 1 and 2. I’m working on 3 for you now.

    1. Remove the entry-meta byline and sep rules you have and add the following at the top of your current custom CSS. I’ve used a general rule to hide all the meta data and then used a more specific rule to make the date visible.

    .entry-meta {
        visibility: hidden;
    }
    
    .entry-meta .entry-date {
        visibility: visible;
    }

    2. I know of no way to hide the publish time on hover.

  • Unknown's avatar
    thesacredpath · Member · Jul 24, 2013 at 5:23 pm
    • Copy link Copy link

    3. Add this to your custom CSS for the entry title color and font change on the main page.

    .wf-active h1.entry-title a {
    font-family: ff-market-web-1,ff-market-web-2,"Abel","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #446B91;
    }

    If you also want to change the color of the post titles once you click through to a single post page, add the following also.

    .wf-active h1.entry-title {
    color: #446B91;
    }
  • Unknown's avatar
    amsteloost · Member · Jul 24, 2013 at 6:13 pm
    • Copy link Copy link

    Wow, that’s quick! I’ll give it a try – thanks a lot!

  • Unknown's avatar
    amsteloost · Member · Jul 24, 2013 at 7:52 pm
    • Copy link Copy link

    No 1 worked like a charm :-), No 2 is clear, but…

    No 3 doesn’t work unfortunately; it somehow loses the FF Market font alltogether. So I am getting consistent fonts throughout, just not the FF Market font that I want.

    Could this code have something to do with it?

    .entry-title {
    text-transform: none;
    }

    .entry-title a:hover {
    text-decoration: none;
    }

    Do you know what I do wrong?

    Thanks!

  • Unknown's avatar
    designsimply · Member · Jul 24, 2013 at 8:47 pm
    • Copy link Copy link

    The text-transform and text-decoration properties shouldn’t be a problem.

    I tested the #3 example thesacredpath provided earlier on http://amsteloost.com/ using my browser’s developer tools, and it worked for me. Can you try double checking to make sure the latest CSS snippet you tried to add is really getting saved? If you have any trouble saving, let me know.

  • Unknown's avatar
    amsteloost · Member · Jul 25, 2013 at 4:23 am
    • Copy link Copy link

    Unfortunately, there must be something wrong. I double checked, saved it, looked at it live and the situation is as I described: it has lost FF Market on all post titles (except for the ‘more articles’ heading – but again not showing up in the titles in the more articles category). I tried deleting all those text referencs in the ccs and only leave the code you provided, with a similar effect.

    So the saving is definitely not the problem.

    What am I doing wrong?

  • Unknown's avatar
    thesacredpath · Member · Jul 26, 2013 at 1:23 am
    • Copy link Copy link

    Hmmmm, it works for me too, but let’s try the following with different selectors.

    .hfeed-more .entry-title a {
    font-family: ff-market-web-1,ff-market-web-2,"Abel","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #446B91;
    }
    
    .wf-active .entry-title {
    color: #446B91;
    }
  • Unknown's avatar
    amsteloost · Member · Jul 26, 2013 at 7:04 am
    • Copy link Copy link

    It worked! Thanks very much.

  • Unknown's avatar
    amsteloost · Member · Jul 26, 2013 at 3:33 pm
    • Copy link Copy link

    Just one more thing, re point no 2. If I would like to show the tags of a post, similar to the date, what would the handle be called? It’s not .entry-tag .entry-tags .tag or .tags I think, because that did not work.

    thanks!

  • Unknown's avatar
    designsimply · Member · Jul 31, 2013 at 6:35 pm
    • Copy link Copy link

    Looking at this post is an example:
    http://amsteloost.com/2013/07/30/haagen-dazs/

    The tags at the bottom of the post below the sharing icons can be targeted using this selector:

    .single footer.entry-meta

  • The topic ‘Delete post meta data entries update post title style of 'more art.' in Oxygen’ is closed to new replies.

Tags

  • css customization
  • oxygen
  • post meta data

About this topic

  • In: CSS Customization
  • 3 participants
  • 10 replies
  • Last activity 12 years
  • Latest reply from amsteloost

Couldn't find what you needed?

Contact us

Contact us

Get answers from our AI assistant, with access to 24/7 expert human support on paid plans.

Browse our guides

Browse our guides

Find step-by-step solutions to common questions in our comprehensive guides.

WordPress.com

Products
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Professional Email
  • Website Design Services
  • WordPress Studio
  • Enterprise WordPress
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
Resources
  • WordPress.com Blog
  • Business Name Generator
  • Logo Maker
  • WordPress.com Reader
  • Accessibility
  • Remove Subscriptions
Help
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
  • Developer Resources
Company
  • About
  • Press
  • Terms of Service
  • Privacy Policy
  • Do Not Sell or Share My Personal Information
  • Privacy Notice for California Users
DeutschEspañolFrançaisBahasa IndonesiaItalianoNederlandsPortuguês do BrasilSvenskaTürkçeРусскийالعربيةעִבְרִית日本語한국어简体中文繁體中文English

Mobile Apps

  • Download on the App Store
  • Get it on Google Play

Social Media

  • WordPress.com on Facebook
  • WordPress.com on X (Twitter)
  • WordPress.com on Instagram
  • WordPress.com on YouTube

Automattic

Automattic
Work With Us
    • WordPress.com Forums
    • Sign up
    • Log in
    • Copy shortlink
    • Report this content
    • Manage subscriptions