yoko theme css code for removing cats and tags

  • Author
    Posts
  • #1337374

    zeenatsyal
    Member

    I have been looking all through the forums but haven’t been able to find a simple code for removing the categories and tags from the home page or post pages in the Yoko theme. Could you help me with that?
    FYI I am not a coding person, so please give me something simple to work with :)
    I appreciate any help I can get on this topic.
    Much Love,
    Zeenat~

    The blog I need help with is positiveprovocations.com.

    #1337434

    timethief
    Member

    Hi Zeenat,
    I can’t help with CSS editing. Another Volunteer will help with it but I can provide some helpful links to get you started.

    Where is the theme CSS and how do I edit it? (For users who’ve bought the Custom Design upgrade)

    Here’s the link to the Yoko stylesheet so you can locate the selectors for Categories and Tags.

    Here’s the link for installing Firebug.

    Best wishes.

    #1337437

    zeenatsyal
    Member

    thank you SOOOO much Titi! You are awesome :)
    I will check out all the info you have shared here and see if my not so coded head can decode it ;)
    <hugs>

    #1337452

    timethief
    Member

    You’re welcome. :)

    #1337586

    To remove categories and tags on the Yoko theme homepage and posts, add this to your Appearance → Themes → Customize → CSS panel:

    .entry-meta {
    	display: none;
    }

    Note that this will remove the entire footer meta section.

    #1337597

    zeenatsyal
    Member

    Thank you so much! I am off to try it now….
    Will let you know how to works out :)
    Much Love,
    Z~

    #1337598

    zeenatsyal
    Member

    oh wow! It worked :)
    Thank you so so much.

    Now I need code to remove the white space from the left of each post on the home page.

    #1337620

    To reduce the whitespace from the left of each post on the homepage of the Yoko theme, add this to your Appearance → Themes → Customize → CSS panel:

    #content .entry-details {
    	width: 10%;
    }
    
    #content .entry-header,
    #content .entry-content {
    	width: 87%;
    }

    Note that you can experiment with the percentages if you’d like. If you made them both 100%, it would remove the left whitespace all together.

    #1337656

    zeenatsyal
    Member

    wow….thank you so much. I will be experimenting with it today :)

    Much Love,
    Z~

The topic ‘yoko theme css code for removing cats and tags’ is closed to new replies.