Penscratch Theme Customization

amandaeraines · Member · Jul 7, 2015 at 3:50 pm
Copy link

Add topic to favorites
Hello all!

I’m looking to alter the layout of my posts. I’d like the featured image to be displayed ABOVE the post title! I have custom CSS enabled.

The blog I need help with is: (visible only to logged in users)
chicagodave · Member · Jul 8, 2015 at 12:06 am
Copy link
I’m running Penscratch on my own server, but I noticed something that I want changed. When entries are shown in an RSS aggregator, there is no link to “Add a comment” or once comments are added a link saying “X comments”.

How do you make the RSS feed have this?
thesacredpath · Member · Jul 8, 2015 at 2:14 am
Copy link
Hi @chicagodave, it looks like you are using WordPress but you are not hosted here at WordPress.com. For self-hosted WordPress sites such as yours using Penscratch, I would suggest asking for help in the WordPress.org Penscratch Theme Support Forum.

For general questions on self-hosted WordPress.org installations, visit http://wordpress.org/support/.

The differences between WordPress.com and WordPress.org.
thesacredpath · Member · Jul 8, 2015 at 3:11 am
Copy link
@onemoreraines, Penscratch is a responsive width theme, and moving the featured image above the title isn’t going to work very well. We have to use position: absolute; and when we do, the featured image loses its relationship with the other elements in the content area and basically floats free above the other elements. You can give this a try and then narrow your browser window way down to phone size to see the gap that comes between the image and the title.
```
.has-post-thumbnail .entry-thumbnail {
    position: absolute;
    top: 0;
}
.has-post-thumbnail .entry-header {
    padding-top: 350px;
}
.has-post-thumbnail.hentry {
    position: relative;
}
.has-post-thumbnail .entry-thumbnail img {
    width: 100%;
}
```
If all featured images are not the exact same height to width proportions, the above won’t work and you would then have to create separate sets of CSS rules where you use the unique post id class in the article HTML tag to target specific posts and images. On your main page, this is the post I was looking at when I figured out the above CSS: http://amandaraines.co/page/2/ .

No items found.