CSS Suits Theme

mariadotterud · Member · Nov 8, 2014 at 8:38 pm
Copy link

Add topic to favorites
Hi,

I would like to make some changes to my site, and I’ve tried searching this forum for answers, but some I just couldn’t find… so I thought I’d try posting here myself:

I would like some more space above the header, while still keeping the space beneath it, can I do that?

I’ve also tried to customize the comments, but now it only shows in the first post, how can I fix this?

Also, I removed the date, but I would actually like this to show above the post titles on the left side, if possible.

Thank you for reading and your time,
Maria

The blog I need help with is: (visible only to logged in users)
mariadotterud · Member · Nov 8, 2014 at 8:55 pm
Copy link
I’ve also been trying to figure out how to make an archive in my menubar, I would really love to create one with thumbnail photos, does anyone know how to do this or where I could find the information to go through with it? Something along the lines of this:
http://www.theroadishome.com/archives/

Would I need professional help to make this happen?
hallluke · Member · Nov 9, 2014 at 9:10 am
Copy link
Here’s how to add some more space to the header:
```
.site-title {
  margin-top:40px;
}
```
At the moment your code hides the categories, tags, date and comments links but then shows the comments link for posts that don’t yet have comments. If you want to make the same changes for posts that do have comments you should change that block of code to the following:
```
.entry-meta .leave-reply,
.entry-meta a[title^="Comment"] {
	visibility:visible;
	display:block;
	color:#8dd0cc;
	font-size:14px;
	text-align:center
}
```
You can un-hide the date and move it to the top left of your posts with this code:
```
.post {
  position:relative;
}

.entry-meta .on-date a {
  visibility:visible;
  position:absolute;
  top:0;
  left:0;
}
```
To show an archive at all you would need to have a sidebar widget area and place the archives widget into it – in general you can’t add new content with CSS, you can only re-style what is already there. Even if you do that it might be tricky to set up the new positioning. If you add the widget to your site let me know and I’ll see how easy it is to do. Remember, this will be present on all pages that show the sidebar.

If, as in your example, you just want a page that shows an archive of your posts then have a look at the archives shortcode – this might be a better option as you can have a specific page for people to visit rather than it appearing everywhere and distracting from your main content.
mariadotterud · Member · Nov 9, 2014 at 9:19 am
Copy link
Thank you this is great! Will try out the archives short code.

I now have the date showing on the top left side of the post titles, any way to move the titles a bit further down so that they are not on the same level?

Thank you so much for your help, I really appreciate this:)
hallluke · Member · Nov 9, 2014 at 9:35 am
Copy link
Oops I missed that bit! It should be pretty easy to do with code like this:
```
.post .entry-header {
  padding-top:20px;
}
```
One other thing I will add is that while your photos are amazing there are rather a lot of them, and if you have lots of posts with lots of photos it will make your pages load relatively slowly. Viewers tend to be impatient but there are a few things you could do to speed up your page load time.

Firstly, have a look at the more tag. It lets you insert a continue reading link that cuts your post short on the front page of your site so that readers can click through to see the entire thing. Using this you could show the first few pictures to whet the reader’s appetite and tempt them through to the single post view to read the rest and start commenting.

You can also show fewer posts on your front page and archive pages to reduce the amount of content the browser has to download. Or a combination of both. Have a look at both options and see what works for you.
mariadotterud · Member · Nov 12, 2014 at 9:10 pm
Copy link
Thank you again! I decided to go with 3 posts per front page, hope this makes it load a bit faster. Great feedback:)

No items found.