Slate theme for WordPress: dark, clean, tabbed navigation… read on to download.
By Ars Grafik
Today we are rolling out a new, free WordPress theme called Slate…. no, it’s not a ripoff of the snarky news blog… think: dark stone grays and blacks with a shot of electric blue.
The theme features two gray columns on a slate gray background. In an effort to offset the potential monotone feel of a gray-on-gray page, we mixed in some electric blue highlights. The search box and text fields are in blue to add additional zing. Overall, we wanted it to be dark and sleek.
Page navigation is provided through tabs that sit above the main body section. Take a look at the picture to see how the layout works. Tabs will include a “Home” tab, additional page tabs, and an “RSS Feed” tab. If you would like other options, I will be putting out some tutorials in the coming weeks on how to tweak the theme’s navigation.
The sidebar is widget-ready for those who like widgets. For all of you who like to get your hands dirty and would prefer to code in all your sidebar bits, I kept the code simple and clean.
As to browser compatibility, the site’s been tested in IE6/7/8, Firefox, Safari, Opera, and Chrome. If you find an issue please leave a comment or send a message through the form at the bottom of this page.
To install the Slate theme, you will need to:
- Unzip the slate.zip folder
- Upload the full folder slate to
wp-content/themes - Go to your WordPress admin panel
- Open the appearance drop-down and select themes
- Select the Slate theme and click Activate Slate.
Related Media
spread the love
Comments
04.23.09
hi,
I just installed Slate and it’s working well however there seems to be no space around images inserted into posts. See this post: http://www.whollydigital.com/blog/?p=40 to see what I mean. What can I do to put space around inserted images?
Thanks,
Greg
04.23.09
Hi Greg,
There are a variety of options for adding space around images, but the way that I find works best is to work directly with the image that you are posting. Here is how I would go about it:
-Open the post in your WordPress dashboard.
-Switch over to the ‘code’ view, so that you can see the html for the image you are working with.
-It will look like this:
-You want to add a margin around the right, and bottom sides, so we are going to insert
style="margin:0 15px 15px 0;"just before theclassdescription.-The final html will look like this:
Give it a try and see if it has the effect that you are hoping for. This way allows you to tweak each image exactly the way you want.
05.06.09
hey, i installed your slate theme, and it appears that, in my blog posts, although i have put italics into it. they do not display within the theme its self when the article has been posted.
is this a bug or am i just not doing it right?
05.07.09
Swiftarrow,
Thank you for the note. I have updated the theme in the directory to include the necessary style code. look for Slate version 1.3. If you would like to include it manually, insert the following into your stylesheet:
That should fix the issue.
05.08.09
hey, thanks for the help on the italics. now, just wondering how i change the RSS feed link? its a tab like pages but i cant edit it there.
is there somewhere i can find documentation about this theme that doesnt require me to bother you?
05.08.09
Swiftarrow,
I designed and built this theme from scratch, so I am about the only resource there is for now. On the plus side, I don’t mind working through small changes and looking at bugs, because it will help me with debugging Slate for others.
What exactly are you trying to accomplish with the RSS feed? The html-php for the navigation is at the bottom of the page
header.php. It looks like this:Very nice use of the theme. Looks Great!
05.08.09
Really love the theme; planning to use it for our company’s blog. Had a quick question tho — I don’t see a way to list the authors for each post. Am I missing something? Would love it if you could help point me in the right direction.
05.08.09
Hi Matt,
Adding the author tag is easy enough. Go to the theme editor, and open the
home.phppage. Look for this code:You are going to add the following, right after the closing h1 tag:
The end result will look like this:
Hope that helps, the same technique will work on the post, archive, and search results page.
I will include this change in the next update.
Let me know when your site is up, and send me the url. I love seeing what people do with the theme. Also, feel free to email me direct through the form at the bottom of the page.
05.09.09
I made 2 pages – 1 contact us and 2 testimonials when I click on the tab at the top they return with Sorry, no posts matched your criteria. However the home tab and the rss work
Whats up? Jools
05.09.09
Jools,
I am thinking it might be a url issue. I am going to guess that your url’s look something like this
http://yoursite.com/?p=15243. This is the way WordPress displays url’s by default, if you don’t specify otherwise. What we want is for each page uri to display the slug like this/slug/. To make this change, open your Admin Dashboard and select Permalinks from the Settings section. Select the Custom radial button, and enter/%postname%/in the text field that follows. Save your changes and navigate to the Pages section. Hover over one of pages that is causing you issues and select Quick Edit from the available options. One of the editable fields is the slug, make sure that it is all lowercase letters or numbers and contains no spaces. If your slugs look okay, you should be good to go. Try using your page tabs. If its still not working let me know and we will try something else.05.09.09
Hi again, I tried that and now have Error 404
Not here! do I have to change the header template too?
05.09.09
Hi Evan,
I have solved the problem, I had Advanced Category Excluder, also Front Page Excluder plugins – i have deactivated them both so now I will test by trial and error thank you so much for the support.
Jools
05.09.09
Jools,
I just visited your site and the tabs appear to be working fine. If I am mistaken let me know. You might try clearing your cache if you are still having issues.
By the way, I love the custom cabinetry. I worked in a commercial cabinet shop for bit, and I know how much work goes into real fine work like that. Beautiful!
05.10.09
hey, with the RSS thing, you know when you click on the RSS tab and it goes to a blank and boring page with the RSS stuff on it (my current one for example), how do i change the link on that RSS tab to point to my burnfeeder link that is on the box i put below the log in on the side bar?
05.10.09
Hi Swiftarrow,
The trick is to install the Feedburner Feedsmith plugin. It’s availible through the Google feedburner program. You will want to install the plugin and then select Feedburner from the options menu on your admin dashboard and configure for your feed. Hope that helps!
05.10.09
Hi Evan, its me again, flattered that you looked through the site. now I have a new problem. The Contact form I am using is contact form7 and the text in the input fields is so light in color it does not show up against the yellow background. Can you give me a fix in the style.css?
05.10.09
To change the text color on the contact form, you will want to style input, textarea, and select. I would try something like
input, textarea, select { color:#000000;}.05.11.09
you are a sweetie, that worked a treat thanks.
Julie
05.18.09
can you p;lease help me with 2 issues
1.how to lower template so the header can have space.
2.the navigation button area for links is very thin on top.
thank you soo much, love the layout!
05.19.09
Hi gersom,
Your site looks awesome!
It sounds like you are trying to add a banner to the header that’s larger than the existing container. If this is the case, try adding a larger height to the header container using the css Stylesheet. look for this.
On the other hand, you might be looking to add space on the bottom of the header container. If this is your goal you might add a margin.
When you say that the navigation button area is thin, are we talking vertically or horizontally? I am not sure I understand your question, so try to be specific.
05.19.09
horizontal, when i hover the mouse the navigation buttons, only the very top part of the buttons can access the link. thank you so much for your help header fits great!
05.20.09
I checked out your site and see exactly what you are dealing with. The issue is the padding style for the link layer in the the nav-tabs. This is what yours looks like now:
The goal with the vertical padding is to expand the selectable area. You might try a padding like:
.
Let me know if this is what you are looking for.
05.20.09
you are the MAN!!! muchas gracias.. i love my blog.. time to start blogging.. thank you soo much for your help.
05.21.09
Hi! Thanks for making this theme! I just launched my new rock climbing blog last week and I’m using your theme. I’ve made some tweaks including widening it to fit HD videos, and I’ve added Weather links in the sidebar (by editing the code manually) since I couldn’t figure out how to add them under a new title using the links section of wordpress. Hopefully that makes some sense.
My issue is that on the shorter pages, like ‘Savage Photos’, the blue line next to the sidebar doesn’t extend to the bottom of the page. Do you know where to find code for this to fix it?
http://www.savageclimbing.com/savage-photos/
Thanks!!
Alex Savage
05.21.09
Alex,
Good call on the short line issue. That has been bothering me also. Here is the fix:
Download this image file. Image
Upload it into the folder
/wp-content/themes/slate/images.Open the
Stylesheetfile in yourwp-adminpanel and change thewrapperstyle to include this new image.We are keeping the slate color for the primary background, but are adding the image in the top right corner and tiling it vertically. The image includes the blue line and will fill all sized containers. You will need to remove the old line from the
contentstyle. It will look like this:That should do it.
05.25.09
Evan,
I’ve been using your theme since I started up my site (http://www.adventuresofbossplaya.com) a few weeks ago.
At the top, the title to the “Sign Up For My Mailing List” page has the color from the main part of the page blend in with the letters “gn up f”. It’s been doing that ever since I started using Slate, and Slate 1.4 hasn’t fixed it. I wanted to make you aware of this. If I go to that page, it clears up. When I go to another page, it re-appears. Hopefully it can be remedited.
Thanks!
05.25.09
I mean remedied, not remedited.
05.25.09
BossPlaya,
You called it. I saw this on another site and meant to fix it in v1.4. It’s a real problem if you have long page titles. Here is a fix for the time being:
/wp-content/themes/slate/images/.This replacement image is an additional 200px longer then the original. That should fix this issue until I put out v1.5.
I like the site! Good commentary.
05.26.09
Thanks for the compliment and the fix Evan!
It worked perfectly, awesome!!
05.27.09
Hi Evan!
I love your Slate theme and I’ve decided to use it for my blog (http://www.thelisteningblog.com). I have one question: I’ve noticed that hyperlinks I add into the sidebar display as normal light-gray text rather than the light blue color that links in the main body of the site do. Is there a way to set up the sidebar so that links will display the same way they do in posts? Thanks!
Sincerely,
AJ Harbison
05.27.09
Hi AJ,
Open the page
style.csswith the editor on your wp-admin dashboard. Look for this code:This is where you can make changes to the sidebar links. In this case you are looking to make them the same blue as in the content area, so we need to change both states color style to,
color: #459dcb;. That should do it.I only had time to read your last couple of posts, but your blog is a lot of fun. I’m going to take some time this weekend to read more.
05.28.09
Hi Evan,
Thanks again!
That worked perfectly. Thanks so much! Hope you enjoy the rest of the posts you read! If you like the blog, you can subscribe with the now-blue RSS link in the sidebar.
AJ Harbison
05.28.09
Hello,
Wonderful theme, loved it the second I found it and have decided to move over to it from redoable.
One issue i’m having some difficulty figuring out is pages. I see how to add tabs, etc. But I had some, and will be adding more, nested tabs. So when someone clicks on Writings, it will bring up the page with the various ones, sort of like a sub-catagory.
Hope I made sense.
05.28.09
Hi Jaxx,
I’m glad you like the theme.
I’m a bit confused about your question, but I think you are looking to have the top-level tab bring you to a page where the sub-pages are listed. If this is the case you could accomplish this as follows:
-Download and install the Exec-PHP plugin. Be sure to disable the visual editor. This is an option available in your User Profile.
-Create the top-level page. Leave the content area blank. Save this page.
In order for this to work, you will need the ID# from your top-level page. To find this, select Edit Pages on your dashboard. Hover over the title of your top-level page. Look at the link displayed by your browser. The last portion of the address will be something like
edit&post=xyz. The xyz will be your page ID, which you need to add to the code. Write down the ID# and reopen your top-level page.In the content section of the page paste:
Replace the XYZ with the id# from your page. This should automate adding sub pages to a top-level page. As you add additional sub pages they will be added to the list.
Hope that helps, it’s a good idea. Maybe I will cover it more completely in a tutorial later.
05.28.09
Excellent.
That will take care of that quite nicely.
Now that I re-read my post above, I see I didn’t make much sense. lol. But it was referring to under the tab there would be sub-tabs. But I think I like this more.
06.02.09
Evan,
Awesome theme, it’s perfect for our family Blog/chatter site. One thing, the dates on the “Grey” dates above the heading for the posts on the main page are in US format, but we use the European format here in Australia.
Is there a way I can display today as 02.06.2009 rather than 06.02.2009?
Again thanks for an awesome theme,
Cheers,
Gadget
06.02.09
Hi Gadget,
I am glad you like the theme.
To change the dates to European format, open
home.php, and look for this code near the top of the page:<div id="date"><?php the_time('m.d.Y'); ?></div>If you change the order of the Month-Day-Year, it alter the display on your blog. Here is the full line of code you can copy / paste into your theme:
<div id="date"><?php the_time('d.m.Y'); ?></div>06.03.09
I’m having the same problem as Swiftarrow had, italics are not working on my site. I’m actually using Slate 1.4 now, so, judging from the earlier comment about this problem, it should have been fixed last release. However, I’m not exactly on the up and up on HTML, so I don’t really know exactly where to insert the code listed above in my stylesheet. I tried a couple of different places but it didn’t seem to have any effect. What can I do to get the italics to work? They’re an integral part of my writing style.
06.03.09
Yep, somehow I spaced out on the italics and bold issue, I am going to release a new addition in a few weeks but in the meantime:
-select Editor under Appearance in your wp-admin Dashboard. The page that opens should be style.css, paste,
just below,
save and check to see if it’s working.
06.04.09
G’Day Evan,
Thanks for the solution. Glad to help with idea’s for articles!
An additional indulgence if I may? Is there a way to display authors gravatars before the “by” line on the mai and article pages?
Thanks again, just completed putting the family logo onto the site via your instructions!
Ta,
Gadget
06.04.09
Gadget,
I will look into your avatar question, but I believe the function
get_avatarrequires data from the comments form to work in WP. Quite honestly I have not looked into this before but if I come up with anything I will post here, or send an email.06.05.09
Gadget,
Here is the code for the authors avatar in each post:
This will need to be placed right after the opening tag
<div id="posttitle">, on the pagehome.php. When it’s all put together it will look like this:06.05.09
Mate,
You rock. That’s perfect. Go to petty cash and grab yourself enough for a case of frosty beers.
Gadget
06.08.09
Hi Evan,
Me again! I have another quick question for you. I’ve noticed that when I search for a term in the search box in the sidebar, and it returns some results, the first post displays text in the place where the sidebar normally is for a while before jumping back out to the full span of the page (spilling from the left to the right column with no sidebar, although the vertical line is still there). The formatting of the whole rest of the page is thrown off, and the content that is normally in the sidebar appears at the bottom of the page. I’ve messed with several things in the sidebar, so I probably just screwed up some of the code. Can you take a look at the site and see if you can figure out how to fix this? Thanks so much.
Sincerely,
AJ Harbison
P.S. I really appreciate your support and prompt responses–I’m trying to get similar support for another template, and no matter how many times I contact them I can’t get any response at all. I concur with Gadget–you rock!
06.08.09
AJ,
At a glance I don’t see the issue, but clearly something has been tweaked. I recommend reuploading the page
search.php. That should take you back to the original state. From there make your custom changes. If that doesn’t work give me a shout.06.09.09
Hi Evan,
Perfect. Wish I’d thought of doing that first. Thanks again!
AJ
06.11.09
Hi Evan,
I hate to bother you again, and I know these should be simple questions, but here I am…. Two things:
1) In a recent post, I tried to make a link italicized (using an “a href” tag along with an “em” tag), but I could only make the post display one or the other. Do I have to change something in the style sheet in order to allow links to also display in italics (i.e. both in blue as usual and italicized–when the italics won out, the text was still a link but it wasn’t blue)?
2) Is there a way I could make the header of the blog (”The Listening Blog” in the top right corner) link to the home page while still displaying the way it is now? I tried making the text into a link but it turned small and blue.
Thanks again so much for all your help!
Sincerely,
AJ Harbison
06.11.09
AJ
To fix the italicized link issue, just add,
a em, to the link style. With the addition it will look like this:To make the header a link, replace:
with,
I know that’s a bit ugly with the in-line style, but it’s a quick way to get that title to link back to the homepage.
06.12.09
Evan, you are amazing. Thank you so much for all your help–it’s greatly appreciated!
AJ Harbison
06.14.09
Dear Mr. Even, really thanx, really a wonderful theme. I have used it on my blog (though it is written in Bahasa Indonesia). I have searched through all postings here, but could not found it. I try to put comment on the Pages, not the posts, but I dont know how. Really appreciate if you can help me. Bless you. Thanx. My blog is http://bisnisyuk.web.id
06.14.09
Hello,
How do I go about changing the background colour of the sidebar?
Thanks,
Kathy
06.15.09
Hi Kathy,
Your best bet for changing the sidebar color is to make an image with the dimensions 240×12px and attach it to the wrapper in the stylesheets.
As an example you could make an image that is 240×12, bright yellow and called yellowsidebar.png. You would upload this into the images folder in the Slate theme directory. Then open the style sheets and add this new image as a background to the wrapper:
This will position the image in the top right of the content area and tile it vertically, filling the sidebar.
06.15.09
Herry,
Adding comments to pages is relatively simple. You will need to add a couple of lines of code to the page,
page.php. This is the code to add:It will be added just below the trackback tag, and will look like this when finished.
06.20.09
For some reason In text editor shows the text in blue and heading size:
http://img189.imageshack.us/img189/3103/test1bhh.jpg
When i click preview doesnt show up, the colour does but the size doesnt
http://img530.imageshack.us/img530/1594/test2s.jpg
How can this be solved?
06.20.09
How can a so cute guy make so nice WP themes.. ^^
Ok,I know, my comment is not very useful.
06.21.09
Usman,
This would be a good opportunity to use inline css. I am writing a post about it today so watch for it, but in the meantime try using the code editor, and wrapping your header in an h2 tag with inline css descriptions. It will look something like this:
Use whatever heading tag you wish. Inline css will override the external style sheet descriptions.
06.21.09
Blush
I can only take half the credit.
06.21.09
Thanks but i was wondering anyay i can do it from the .ccs. So i can just change the text and colout without going through html. Really appreciate the response.
06.21.09
If you switch the h2 style to;
h2{font-size:22px; color:#33ccff;}that should do it. You will need to make the font-size and color match your desired look. This would all take place in style.css.
06.21.09
Thans man
for this coding:
This is a test
How do i add italtics and or a bold stlye to it. When i do it in teh html screen the colour and size is of a normal size.
06.21.09
One mroe thing i was winderign i have a sentance and to make a word in a sentance stand out. How do i do this?
06.21.09
Hi Usman,
Try using a span tag with whatever styling you would like to include. Example:
This is an example paragraph where I want the word paragraph to stand out.
06.22.09
Thanks for that, anyway i can add italics or bolding.
06.22.09
when i do add italic or bold tags from the html editor the colour goes away
06.22.09
Usman,
Look towards the top of this comments thread, and you will see where I discuss italics and bold issues.
06.22.09
i put teh code in but for some reason i add the tags for italics the text goes smaller and colour goes away.
06.22.09
Hi Usman,
If you are trying to make all of the h2 tags italic, add
font-style:italic;to the style for h2 on the pagestyle.css. If you are looking to only italicize one part of a header, or a single header, simply use a span tag:<span style="font-style:italic;">your italicized text</span>, or add an inline style to the h2 tag<h2 style="font-style:italic;">your italicized text</h2>.06.22.09
Thank you so much
I was wondering on teh right colum, is there anyway to put a text box there so i can add a chat box there.
06.23.09
If you want to put a text area into the sidebar, you should take a look at widgets under the Appearance section. On of the options is a test widget. You can place it where ever you would like within the rest of your widgets. It’s simply an empty container, which you can fill with anything you would like.
06.23.09
How do you remove post dates from this theme? I have edited them out of the Index.php & Home.php and it still didn’t work. Any suggestions Evan?
06.23.09
Hi Josh,
If you want to remove the publication date, remove:
<div id="date"><?php the_time('m.d.Y'); ?></div>, from home.php, search.php, index.php, and archive.php. That should do it.06.23.09
Very much appreciated Evan! I LOVE your theme, BTW.
06.27.09
Hello Evan,
I am incredibly new at all this and don’t know even the very basics but
have been reading this blog with much interest and looking at what other people have done with your Slate template. Beautiful sites too!
So, I read what you suggested to Gersom:
#header {
position:relative;
width: 960px;
/**height: 160px;**/
height:300px;
margin: 0px auto 0px;
}
and thought I’d apply this to my site too.
The problem is that now the title is too small for the space. I even tried to bring it back to what it was but couldn’t. How to increase the size of the header and lower it down a bit to make it more centered?
Also, please tell me how to change the colour of the writing to electric blue.
This is a static site and I will not need the search box. In fact if I click on search it gives me a date and I don’t want this. What changes should I make to turn it into a static website with no dates and no comments?
Many thanks in advance!
Ilana
06.28.09
Hey, Evan
I managed to resize the header space. I am happy with your original look.
Please show me how to get the sub-headers to appear in blue.
I do love your own slate site, really beautiful with that slide show…
I would like to have as the page title, in the body of the page, ‘Welcome to PortugueseTranslate!’ but still keeping the tab as ‘welcome’. Could you also show me how I can move up the content of the page as there seems to be a big empty space.
And finally, for now, both my home and welcome pages are the same. I only need one. How do I delete the home page tab without deleting the welcome page?
You have no idea how grateful I am for your lovely Slate theme and your help.
Ilana
06.28.09
Hi Ilana,
Before you make changes remember to copy the old code to a text editor so you can reverse if necessary.
To remove the home tab, open the page header.php, and remove this code:
I’m not sure what your referring to with the sub-headers. I think you might mean the tabs which are not selected, which are styled as:
Just change the hexadecimal color code to 459dcb.
To move up the content we want to remove the top padding on #content. After the changes it should look like this:
padding: 0px 19px 20px 0px;
If that's not enough you could remove some of the top margin from the class .postheader.
I have to sign off for a while, and I know you had some additional questions, so maybe you could send them to me by email. Just use the form at the bottom of the page and I will try to get back to you as soon as I can. It might be tomorrow, I've got a busy day ahead of me.
06.28.09
Hey Evan, I have a question. Why is there a huge break in between my single post titles and content and why is the content not staying aligned, rather going off into the sidebar?
06.28.09
Hi Josh,
I’m not sure what is going on but if you post your URL or email it to me through the form at the bottom of the page I will take a look.
07.04.09
Hello Evan,
Thank you for answering so promptly. I took your advice and made the changes.
I have a few questions:
1) If you click on the Welcome tab, you will see that the colour of the body is the same as of the tab and should not be so. This does not happen with the other tabs.
2) On the first page (and the remainder) I would like the header to be ‘Welcome to PortugueseTranslate’ and not just ‘ Welcome’. How can I do this without affecting the tab?
3)How do I write the title ‘Welcome to…’ in blue? and in the titles in subsequent pages too
4)How do I delete the box on the sidebar ‘Press enter to search’
Many thanks in advance. You are a darling. Much appreciated!
Ilana
07.06.09
Hi Evan,
Love this theme a lot. I installed Ryan sucker fish drop down menu on top of theme. The menu s not work on Safari, work great on IE. Please advise, Much appreciated.
Dan
07.07.09
I am just curious as to what amount of effort would be necessary to add a 3rd column to the far right of the Slate theme. My thought would be that it is an identical and additional column to the current widget column. I would like to intermix the use of the current widget column and this additional one for widget plugins and advertisements. I’m not necessarily asking that this task be done for me, although I wouldn’t turn away such an offer, but if it is a straightforward or just above beginner level that someone could make some suggestions. Maybe a 3-column “Slate” design is a possible future offering? Thank you greatly.
Bryan
07.07.09
Hey Evan, I figured out the problem. Is there any way to get AdSense ads on the homepage of this blog? I got them working fine on the individual posts and pages, but couldn’t get the homepage to display…
07.09.09
Hi Josh,
Where on the homepage were you hopping for the ads to show? The easiest way is to include them in your sidebar using a widget. Here is a post that I wrote about just that.
07.09.09
Bryan,
I think a three column Slate theme is a great idea!
It’s not something that I have in the works right now, but I will add it to the list. Because it will take some time to accomplish when and if I get to it, you could certainly try putting one together. My suggestion would be to look at lots of themes that offer three columns for examples. Look for the code in functions.php, the display pages and the sidebar1/sidebar2.php. Let us know if you have success with this.
07.09.09
Hi Dan,
I love your photo work! Also love the background you added to the theme. Very nice effect. You might need to tell me a little more about your issue. I’m not sure I understand what’s going on.
07.10.09
Thanks for the response, Evan. I will take a look at some 3-Column code and see what I can figure out. I’m thinking that I should look for some established themes and compare the code between a few of them just to make sure that I’m tackling the issue in a way that is consistent with others. As you said, this will likely take quite some time, but I will post back to this discussion thread with any results I have. Thanks again.
07.15.09
Just as an update, I have found several resources for simplifying the expansion to 3 columns (1 content column + 2 widget columns). I’m comfortable in doing this myself at this point after looking through all of the information thus far. Hopefully I’ll have time this weekend to complete the modifications and post my results here.
07.15.09
Bryan,
Thanks for the update. I can’t wait to see how the theme revision turns out! It should be fairly simple to add the extra column, but might take a bit of fussing to get the new one widgetized.
It’s been such a busy couple of weeks on my end that I’ve not had time to mess with anything. Hopefully soon.
07.19.09
Evan,
I was shocked to see that my site cannot be viewed properly from IE.
What should I do?
Cheers
Ilana
07.19.09
Hi Ilana,
I checked your site in IE7, and all looks well. IE8 tends to be more compliant then 7, so I’m going to guess that it looks fine also. As for IE6–I don’t have access to that browser at the moment, but the number of IE6 users has dropped to less then fifteen percent, and that number is falling fast.
07.20.09
Thanks for replying so quickly, Evan.
I downloaded IE 8 but it still does not display the site accurately.
The welcome page does not show the picture nor the text, the second page has an error , and I think there are more errors on other pages too.
I don’t know wha the problem is. I made sure I updated all changes and had them published.
Please help,
Cheers
Ilana
07.25.09
how do i reduce the gap between the header and the tabs? Take a look at my site for a clear picture.
Thanks
07.26.09
Evan,
I hope you have time this week to see why does my site not display properly on IE? Has anybody else on Slate had this problem? Fix needed, please!
Thank you!
07.26.09
Hi Ilana,
It’s been a busy week we moved our home and office. I should be at my computer more this week than last.
Help me understand exactly what is going wrong when you view your site in IE. Also what version of IE are you using. Thanks.
07.26.09
Hi Usman,
When I look at your blog, the tabs appear to be directly under the header image. I am viewing in Firefox and IE7. If this issue is resolved, great! Otherwise, let me know, and let me know what browser you are using.
07.26.09
Yep its resolved now. I was wondering how do i make the right column wider?
07.26.09
Thanks for replying, Evan.
The sight is fine viewed with Firefox but with IE8, the Welcome page only displays the heading – the text and picture have disappeared and the About page shows an error.
07.26.09
Hey Evan,
Have you noticed that the menu tabs at the top of the theme don’t appear to render properly under Firefox 3.5.1? Fine in many other browsers (including Firefox 3.0x) but 3.5.1 seems to break them.
Any ideas what’s going on?
Cheers,
Minty
07.29.09
I reset the temlate and lost the code to insert the header. I was how do i insert a header? i want to have control over its position.
Thanks,
Usman
07.30.09
Usman,
I don’t entirely understand your question. But I think you are asking how to insert the full header section of the theme. If so use
<?php get_header(); ?>.07.30.09
Hi Minty
I am currently using 3.5.1 and don’t see any issue. What is your domain? There might be an issue on your end, or maybe I just haven’t been able to replicate the problem.
07.31.09
Hi Evan,
The Slate tab issue is less noticeable under Firefox 3.5.1 on a Mac (minor rendering issue with whichever tab is highlighted) but pronounced on Firefox 3.5.1 under Windows XP (at least for me).
I’ve uploaded an image here:
http://www.nectarine.co.nz/slatetabs.png
The top two show it on a site I’ve done:
http://www.taylorboutique.co.nz/blog/
The lower two are from Alex Savage’s site (which I saw earlier in these comments):
http://www.savageclimbing.com/savage-photos/
It might just be my machine, but that’s two sites I’m seeing it on (plus on the Mac to a lesser degree). Was fine under Firefox 3.0x.
Let me know if I’m going bonkers or if there really is a Firefox 3.5.1 rendering issue!
07.31.09
Hey Evan
Sorry for being unclear.
Well i have inserted a header, using the following HTML code:
As you can see there is a gap, i want to know how do i reduce the gap?
08.01.09
The problem has been resolved. I was wondering i want to extend the right column. So i cant fit a youtube video in the column. The size of the video will be 480 x 295
08.02.09
I have come across a few other problems. The first is the one i stated above.
The second one is i want the tabs not to be http://www.thatdesisound.com/?page_id=42 but http://www.thatdesisound.com/contactme. I read what you said above but not working for me.
When i click on the tab the post titles seem to be a bit low, is there any way to raise the title?
I want to remove the rss tab, how do i do this?
I want to create a post which will not be on the tab or on the main body of the site. So for example on the right sidebar, i want a link saying click here to subscribe and it will take them to a post. Do you understand what i am saying or can that not be done?
Take care,
Usman
08.02.09
one more thing, if a user clicks on a post i want the top bit of the internet browser to change. Like i clicked on the slate them on your site and the top says “WordPress Theme, Slate”
08.02.09
Minty,
Wow! your site looks awesome.
Thank you for the wonderful illustration of this issue. I see exactly what you were looking at, and now I’m intrigued. The oddest part is that I am unable to recreate the same appearance on my version of FF3.5.1. I am going to try viewing your site and others on a variety of browsers on several different computers, over the next week. Somewhere in this process I’ll isolate the issue. When I do I’ll post here, and shoot you an email. Thanks again.
08.02.09
“Wow! your site looks awesome. ”
LOL. Nice double-edged comment, Evan, considering it’s built on your theme!
Seriously, I appreciate you looking into this further. What are you running FF3.5.1 under- XPSP3 or Vista or OSX?? It’s weird that we’re not seeing the same thing. If you need to ask me any direct questions about my setup.
Wait- just checked it on a laptop with XPsp3 and it’s fine. So maybe it’s an add-on I’ve got on my desktop machine’s FF, or something like that.
If you’re still happy to give it a check on a couple of boxes, that’d be brilliant. If you can’t replicate anything on FF3.5.1 XP (or with lesser tab rendering issues, OSX) then I’ll try and see if I can sort what the rendering issues might be here.
Cheers.
08.02.09
Just disabled all my addons- no improvement. But looking at the laptop, it seems that the font isn’t rendering in the tabs- it looks more like a default font. Perhaps a font I’ve got installed on my desktop is causing issues?
08.02.09
Minty,
Try switching the navigation font in the style sheet. Thats the kind of issue that’s hard to track down but would make sense.
“Wow! your site looks awesome. ” = nectarine.co.nz
Very cool.
08.04.09
Okay, so I don’t think I changed the nav font styling- it’s:
font: 18px Century Gothic, Calibri, Lucida Sans, Helvetica, sans-serif;
I did remove the uppercase transform though.
I don’t believe I’ve updated my fonts since I went from FF3.0 to 3.5, so I’m thinking it’s some way that FF3.5.1 is choosing which font to go to, and how it renders.
If you can’t repro, and it’s not widespread, I’ll stop stressing
Thanks for the help.
Oh, and glad you like the Nectarine site
08.07.09
Minty,
You might try applying an
!important;to the font style. See if that overrides inherited style.08.07.09
Re: the tab display issue that Minty is having.
Just noticed this thread. I found a fix for the problem and have been discussing it over here on another thread: http://www.thebookofblog.com/slate-v14/#comment-701
Short version: The PNGs for the tabs and borders are being gamma-corrected and don’t match their surroundings as a result. You can fix the issue by either converting them to .GIF or using a PNG utility to strip out some metadata. I uploaded fixed versions of the images in both formats here:
http://ijin.net/misc/pngfix.zip
Feel free to use as you like. Enjoy!
-Ian
08.08.09
*Update on created 2nd sidebar/need help!
Okay, so if you go to my website, http://indydrafter.com , you will see a single right-sidebar. However, from the “sign-in” widget down, it is actually an additional sidebar. I need help aligning it to the far right of the page, next to the existing sidebar. Before getting specific answers, I’ll tell you what I’ve done so far:
I created a generic sidebar file that I named “sidebar2.php” and uploaded it to my slate theme’s folder.
I then went through index.php, home.php, search.php, page.php, archives.php, and 404.php and found all refereces to the line . I copied this line down and edited “/sidebar.php” to read “/sidebar2.php”.
After that, I edited the 2nd line of the functions.php file to read (without ” ” quotes) “register_sidebars(2, array( “.
With all that done, I went to the style sheet (style.css) and copied the entire contents of /************sidebar************/ down to below itself and renamed it to /***********sidebar2**********/ and edited all text references of “sidebar” to “sidebar2″.
After all of this, I end up with an additional column in my admin widget page for dragging widgets to and I also end up with the 2nd sidebar on my site, formatted to the same styles as the original sidebar, and positioned below the original. The only thing I need/want to do now is move this 2nd sidebar next to the original at the far right of the page. Help please!?
08.08.09
Bryan,
You’ve just about got this nailed. It looks as though the only thing you have left to straighten out is the sizing of the elements.
Here is the current issue–the wrapper that contains the content area and sidebar is 960px. Currently one sidebar with padding-margin, and the content area with its padding-margin, fill the 960px with something like 20px remaining on the far right side of the screen.
To fit the new sidebar on the right you will need to either widen the wrapper(will look disproportionate compared to the header footer), or shrink the content area. To shrink the content area you will want to reduce the width by 200px, from
#content, and.postmeta. If this doesn’t seem to be working, reduce the with by 10px increments until the sidebar2 slips in.I hope I am giving you the appropriate advice. Be sure to write again with updates, or questions.
08.08.09
That worked perfectly. Instead of shrinking the content, I expanded the wrapper. Here’s what I did:
I bumped the wrapper width to 1180px (enough for the extra sidebar + margin), I also made this same change to the header width. I then went into the header.php file and expanded the “content-top” width to 1180 and then into the footer.php file to do the same for the “footer” width. Update and save all of your changes as you go along and Voila! The slate theme has just become a fully functioning 3-column (1 content + 2 sidebar) theme.
I think I detailed out my steps enough in these comments, but if anyone is in need of detailed instructions, just ask.
08.10.09
Hey, Even
Was my comment deleted?
I cant see it on here.
Just if you take a look at my site, it seems to be a bit off. How do i resolve this?
08.10.09
Usman,
Your last comment was under the post Slate v1.4, not in this thread.
I would try removing the negative height. Also to center objects use
margin:0px auto 0px auto;.08.10.09
oh sorry
Thanks, i tried what you said, but still the same. The only minus height i changed was:
#header {
position:relative;
width: 960px;
height: -250px;
margin:70px auto 0px;
}
For a few weeks it was fine, now the menu is off. I did what you said:
#header {
position:relative;
width: 960px;
height: 250px;
margin:70px auto 0px;
}
Still the same problem, should i send you the style sheet through email?
08.10.09
i re-uped the theme and its fine now
08.11.09
I have nearly everything on my website tweaked to the point I want it. Much of this credit goes to the Slate theme itself and the work you’ve put into, as well as the effort you’ve put into answering the many questions people (including me) have asked in this thread. I do, however, have two more requests to make.
1. I’d like to remove the redundant title on my pages other than the home page. ie. I go to the “Links” tab only to be shown a title on that page called “Links”….yet I know I’m there because the “Links” tab is still selected. How can I accomplish this?
2. I have a clickable button (a may have more in the future) in a widget on the sidebar from an affiliate sponsor. This button is gray, as is the text on it due to the default text styles in the Slate theme, causing the text to not be legible. Is there anyway for this text color to be altered without affecting other areas of the blog or sidebar?
Thanks in advance for your help. I’m already a proud Slate theme user, and your help continues to grow that pride.
08.11.09
Hi Bryan,
To remove the title on pages, open page.php. Look for and delete
<h1><?php the_title(); ?></h1>.To change the input color, add:
This should turn the text, within the button, black.
Hope that helps.
08.12.09
Hi,
I am trying to change the blue color in the the theme (#459DCB) to yellow for our team colors but I can’t change the divider between the content and sidebar. Can you point me as to where this is generated.
Thanks,
ERik
P.S.
Great theme…real clean
08.12.09
Hi Erik,
The dividing line between the sidebar and content area is on an image called contentbg.png or something similar. You will find it in the images folder within the Slate theme directory.
just open the image in Photoshop and change the blue line to yellow.
08.12.09
Thanks for the quick reply, I missed the thin line the first time I checked the graphic…Found it at 500%
On another note, is there a way to handle 2 rows of pages in the Nav bar? I am having to leave some pages out currently.
Thanks,
Erik
08.16.09
I was wondering is there anyway to make the main body, where posts go to be able to change the level of transparency?
Also how do you add on a left sidebar?
08.16.09
One more thing how would i go about adding some drop down menus?
08.18.09
Hey Evan
I found this code, for a drop down menu:
jQuery(document).ready(function() {
jQuery(”#dropmenu ul”).css({display: “none”}); // Opera Fix
jQuery(”#dropmenu li”).hover(function(){
jQuery(this).find(’ul:first’).css({visibility: “visible”,display: “none”}).show(268);
},function(){
jQuery(this).find(’ul:first’).css({visibility: “hidden”});
});
});
#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#fff; font-weight:bold;}
#dropmenu a {display:block; padding:0.25em 1em; color:#686868; border-right:1px solid #c8c8c8; text-decoration:none; background:#fff;}
#dropmenu a:hover {background:#888; color:#fff;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu ul a {border-left:1px solid #c8c8c8;}
#dropmenu li ul {border-top:1px solid #c8c8c8; width:14.1em;}
#dropmenu li ul a {width:12em; height:auto; float:left; border-bottom:1px solid #c8c8c8;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
I was wondering how do i position so it is over the current menu or delete the current menu so i can put this in place. Also i put some code in, some correctly and some not correct it created another set of tabs. I was wondering how do i make the tabs look like the menu and how do i place categories under the main menu.
Take care and have a great day
Usman
08.20.09
I do not know if you are aware of this or not but it seems that there is an rendering issue in the latest version of FireFox, Chrome, Safari and Opera. It occurs when you click on the “Leave a Comment” link for a post, the comment page puts the sidebar underneath the main content area and does not show the main content background. Are you aware of this and if so where in the code can I fix it? Has anyone else experienced this issue? Other than that thanks for a great template!
08.20.09
I wanted to give you a little more information regarding that browser rendering issue I mentioned in the post above. It appears that it occurs when you go into the admin area and then in Discussion under settings you check off the box for “Users must be registered and logged in to comment”, when you do this it messes it up. I simply unchecked it and it is fine. Either way it is a bug that I thought you may want to be aware of.
08.21.09
John,
Thanks for the heads up. I have been so busy over the last month that I have hardly had time to look at the next Slate revision. This issue will be addressed when I dig into the new version. Thanks again.
10.14.09
Wow! So this is what you’ve been up to lately. The site looks great. I’m not seeing my comment from before the site was converted to this new style, but I’ve tested the plugin, page2cat, and it doesn’t work as expected at all.
One issue that I’m running into, though, as I’ve modified different ways that the Slate theme does some things, is that the content on my pages other than the home page is shifted down about 50-80px. I know this is partially due to my previous modification to the theme in which I removed the page titles from displaying at the top of the page content. I didn’t that for a reason, though, because I wanted my content to be all the way at the top of the content area and I didn’t have a need for a page title on each and every page. Is there a way to modify the theme further to enable all of my page content to start at the top of the content area?
Thanks in advance and congrats on a great looking site change.
10.14.09
Hi Bryan,
Thanks for your kind words about the new site. Its been a lot of work and a long time coming.
It sounds like your wanting to have a slightly different layout on the frontpage then on other pages regarding the padding at the top of the ‘content’ container. If I am misunderstanding just let me know. Here is how I would approach this:
-replace the the id=”content” on the homepage with something descriptive like ‘homecontent’ etc.
-add this new id into the stylesheet and add the css style that currently exists in #content (***)
-now just make the changes to the content style that you would like. Sounds like you want to remove the top padding.
I make these kinds of changes all the time on my theme and on others. Its a very easy way to effect changes on one class of objects and not another. Hope this is helpful, and let me know if you were looking for something else.
10.14.09
That is exactly what I was looking to do. I’m glad that you use broad and general examples that allow me (us – since this is public) to understand the concepts of why things work the way they do in the theme instead of just giving a straight answer. This lets me “float” that knowledge and apply it to other similar tasks so I don’t have to keep coming back to bug you.
Thanks again for your help.
10.15.09
Evan,
I tried out what you suggested, and although separating out the “content” from “homecontent” did what was intended, it apparently isn’t the padding that is an issue for why my content is so far down on each page (except for the home page). There is only one part of the content that even has vertical padding assigned to it and nothing changed when I modified it.
I’m including a small image to as an example of what I’m talking about on my page content below. The larger text you see is a Header-2 line of text I entered into the page content…it isn’t the header assigned by the template (I previously removed the ability of the theme to insert headers on the page content). I think the issue has something to do with the other pages wanting to pick up the meta and the date tags for the top of the page content. This is just a guess, but I have no examples (let alone experience) to back up that assumption. Any idea what could be doing this?
[img]http://indydrafter.com/images/content space example.png/[/img]
10.15.09
Okay, crap. If you could please remove the last post and just go to http://indydrafter.com/augindy/info/ as an example of what I’m talking about. Sorry for the multi-post craziness.
Thanks.
10.15.09
Bryan,
I took a look at your source code and it looks like you have an empty div in page.php. I would start by cutting out the html for div#postheader. Next I would try testing the h1 style under content by adding #content h1{padding:0px; margin:0px;} to the stylesheets. See if these changes make a difference.
10.16.09
Brilliant. That worked perfectly. Thanks for finding the error in my page.php file, too. It’s not much, but paypal donation coming your way! I can’t even begin to think how much time you’ve saved me from trying to troubleshoot through this myself.
10.16.09
Bryan,
It’s my pleasure.
Thank you for the support!
10.20.09
I’ve been using this slate for my main site for some time and its great! Just wanted to drop by and offer up my appreciation for such a nice piece of work!
10.20.09
Gone84,
Thanks for your thoughtful words. Your writing is awesome. Your blog is now in my bookmarks. I’ll be back for creative inspiration, and maybe a t-shirt. Glad you made it home safe.
10.26.09
Great Theme,
I’ve searched the Style Sheet .css file and cannot find the section to reduce the empty space below the nav/menu tabs and above the content in the main body.
Best Regards,
R
10.27.09
Hey even in internet exploer the menu’s navigator seems off and not in line. I am using the latest internet explorer on windows 7.
10.27.09
Thanks! I’m glad you like my stuff
Hopefully soon I will get better at css and be able to contribute some themes of my own!
10.28.09
Usman,
It looks as though your logo is not sized correctly or is not maintaining layout. I would begin by addressing that issue and see what happens from there. YOu might find that it is messing up the navigation layout as well.
10.28.09
Hi Ruby,
Try reducing the top padding on the div #content. Currently it has: padding: 20px 19px 20px 0px; CSS padding and margins work with this layout, top-right-bottom-left. So try reducing the first number in the sequence. Hope that helps!
10.29.09
I have removed the image and its fine is firefox but its the same problem is IE. A solotuion to this?
10.31.09
Alright. This may be out of the realm of questions that a solution is to be expected, but it is a serious issue and I’m turning to all of my resources to resolve it.
My hosting account was temporarily suspended yesterday due to what my host claims was a usage of 40% of the shared server cpu. The maximum usage on the account is to be no more than 10%. After complaining about the situation and asking to be given the opportunity to fix whatever was causing it, the host service reactivated my account. They claimed that it was the “/usr/bin/php /home/indydra1/public_html/index.php” causing the issue.
This appears to be the wordpress front that doesn’t really do anything except tell the application to run the theme. I was wondering if you have any insight on this issue and what can be done to fix it. I’ve been scouring help groups, wordpress forums, and requesting help from my host service (although they seem a little reluctant). Thanks in advance for any and all effort.
Bryan
10.31.09
As an update, I have gone into my phpadmin panel and attempted to check, repair, and optimize all of my databases and removed all unnecessary tables and plugins. This appears to have made the site much more responsive and stable. I’m not 100% sure the problem is completely solved, but I’m resting a little easier. I wanted to make these public comments, because it is something that I think everyone should be aware of as a possible issue. If you still have a comment about the situation, please let me know. Thanks.
10.31.09
Hi Bryan,
Sorry for the slow reply, I was out all day. That sounds like an ugly deal. Do you think that it was caused by a bad mix of plugins?
I’ve found that our sites work best when I keep the number of plugins to a minimum. I try to stay under six or seven, and I choose them carefully. I’ll do a bit of sleuthing tomarrow to look for similar issues. Keep us updated.
11.02.09
Usman,
In IE your source code shows neither wrapper or content tags. These constrain the content area to the ‘main body section’. You may have made an addition to the theme code that is causing IE to reject these important elements. Please try looking there first.
11.02.09
Well below is my header:
/*********************header*****************************/
#header {
position:relative;
width:960px;
height: 310px;
margin: 60px auto 0px;
}
#contenttop{
position:absolute;
bottom:0px;
width:100%;
height:21px;
}
#logo {
position:absolute;
top:–800px;
right:–1000px;
}
I think i will re-install the theme and use your logo post.
11.05.09
I agree with you, Evan, that 6-7 plugins would be a great number to shoot for. However, there are a lot of features I want to offer on my sight that I’m just not quite capable of coding myself yet, so my number of plug-ins is higher. I’m starting to use outside applications to some of the same operations as plugins so that their servers are the ones burdened with the processing hit.
I’ve checked, repaired, and optimized all of my databases now. After doing so, my use of the server cpu power is averaging out to about .5-1%….well below the threshold. Any one reading this should take it as advice to check, repair, and optimize their databases on a regular basis. Thanks for the help Evan.
11.10.09
Hey there. Super nice theme that I am super excited to start using! I can’t get the width of the content to open up more so I can include larger images with out the blue line running over it. I saw that some one had posted a similar issue, and that file seems to be in place, and the #wrapper and #content match what you said the fix was. Here’s what I got going on so far. Thanks in advance!
http://merrickales.com/blog/
11.10.09
Did you get this my last comment? How can I fix this?? Thanks so much for the awesome Theme!
http://www.merrickales.com/blog
11.10.09
Nvmd… I got it all figured out! Thanks!
11.10.09
Hi Merrick,
Sorry for not getting back to you. Your first two comments fell into the spam box for some reason and I had to go find them when your third made it through. Not sure why that happened.
It sounds like you got the blue line issue figured out already, but if there is anything else just let me know! You should have no problem leaving comments now.
11.17.09
Could you plz tell me how to add RSS feed to monotone theme in wordpress. The theme is not widget aware so if u could tell me how to do it. I would be really thanful to you.
11.17.09
Hi Anupam,
I’m not familiar with the monotone theme. Is it a theme you downloaded from the WordPress theme directory?
11.18.09
Yes.
Regarding Paisley theme, its awesome. Can I have it on a free wordpress blog?
11.18.09
Anupam,
As far as I know there is a set number of options for themes on WordPress.com. This is the primary reason that I recommend to people to pick up an inexpensive shared hosting account. Typically you are able to register many domain on one account and run freestanding WordPress instillations on each. Just a thought. Glad you like the theme though.
12.14.09
Hi, I love your theme and your extremely helpful writing about it. I’m noticing a small issue, wonder if you have thoughts. A small dark gray band appears in the top of my page, right underneath the tabs. You can also see a small outline of black squares behind the tabs. It’s happening in all the blogs cited above but does not appear on your screenshot or in the original install I did a couple of weeks ago. Wordpress upgrade issue maybe? I thought I broke something but did a clean install on another account of mine and the dark band appears again. Picture here: http://www.flickr.com/photos/ajm/4184495859/
Can you help?
12.15.09
Hi Amanda,
I believe the problem is that I saved all the image files as png’s. Some browsers handle color in pngs differently. I have meant to get back around to fixing the issue but in haven’t the best way to fix this is to simply open the image files from the theme in a bitmap editor and re-save them as gif’s. You will have to switch out the file type where applicable in header.php and style.php. I hope that helps.
01.20.10
Thanks Evan for your reply. One more quick one. How does one change the color of the line running vertically between the main content and the sidebar? Thanks in advance, this theme rules!
04.01.10
I wish I could make the sidebar menu slide up and down is there a plugin that would be compatible with the theme for this? or would I have to add some script somewhere?
04.08.10
Hi Evan,
I’m not sure if you’re still checking this comments thread for support, but I had a quick question. The text “Press enter to search…” doesn’t automatically go away when you click in the search box. Can you let me know the code I should add to make the default text disappear when you click in the box? Thanks–and again thanks for a rocking theme!
04.08.10
And while I’m here…. Is there code that I can add that will enable post titles to contain italics? Right now if I put a word or phrase in italics, that word or phrase will shrink down to regular text size, while the rest of the title stays at the same larger size. Thanks!
07.23.10
[...] Wordpress Theme Demo | Download [...]
08.09.10
[...] is an example of the Slate theme showing the result of this [...]
08.09.10
[...] is an example of the Slate theme showing the result of this [...]
09.01.10
Good evening! it for you: cutest tits disabled porn or fetish body braces free latino gay porn and jap granny action youtube free porn or blonde milf pussy . Let’s keep in touch!