yoko theme css code for removing cats and tags

zeenatsyal · Member · Jul 6, 2013 at 2:56 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
timethief · Member · Jul 6, 2013 at 3:16 pm
Copy link
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.
zeenatsyal · Member · Jul 6, 2013 at 3:22 pm
Copy link
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>
timethief · Member · Jul 6, 2013 at 3:40 pm
Copy link
You’re welcome. :)
designsimply · Member · Jul 8, 2013 at 9:15 pm
Copy link
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.
zeenatsyal · Member · Jul 9, 2013 at 5:30 am
Copy link
Thank you so much! I am off to try it now….
Will let you know how to works out :)
Much Love,
Z~
zeenatsyal · Member · Jul 9, 2013 at 6:38 am
Copy link
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.
designsimply · Member · Jul 9, 2013 at 2:25 pm
Copy link
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.
zeenatsyal · Member · Jul 16, 2013 at 4:41 am
Copy link
wow….thank you so much. I will be experimenting with it today :)

Much Love,
Z~

No items found.