135 Comments

Whoa! I really like this theme! Great job!

Justin Carter · April 28, 2015 at 12:55 pm

Great wordpress theme! How do you add the background image?

Justin Carter · May 2, 2015 at 7:09 am

thank you

Great theme! How do I increase the font size of the body text?

There’s currently no option to do so. I’d recommend creating a child theme and overriding the font size.

“Use a Google Fonts plugin and then use it to alter H1-6 and Paragraph fonts + size.”

This worked for me.

bad seo
h1 h2 tag!!

Hi, my home page seems to not have a large photo featured post like your home page does. How would I enable this feature if you don’t mind me asking ?

http://www.josephfeliciano.com/blog

The featured post is driven by Jetpack’s Featured Content module: http://jetpack.me/support/featured-content/

Awesome, it’s up and working without any issue. I appreciate the work you put into this project and the fast response.

Thanks Paul !

My Boring Channel · May 23, 2015 at 11:46 pm

Is there a way to rotate the front image? Say for a photography site?

If you’re referring to the Jetpack-driven featured content on the homepage, it is currently restricted to a single post. I’ve actually been considering allowing more than one, but I’m unsure how I’d want that content displayed (i.e., in a slider or grid). I’ll probably address it in a future update.

Both headroom.js and skrollr.js are used in the header, to transition its background from transparent to a solid color. Take a look at the skrollr site for other ways to use it: https://github.com/Prinzhorn/skrollr

My Boring Channel · May 24, 2015 at 11:11 am

Thanks Paul. This theme is awesome and I appreciate your work. VERY MUCH. Also, I’ve been looking at your blog . . . very touching and inspirational. I am planning a WordPress tutorial for YouTube (I’ve done a bunch already but need an updated one) and am thinking of using your amazing theme for my example site. Sending you an email as well.

Paul Shryock · June 15, 2015 at 6:34 am

Hello, I’m using the Cover theme and I would like to change the main blue color that’s used for headers and links on the site. I was hoping this might be an option in the customizer, but is there any other way to easily do this without using a child theme or custom CSS?

If not, would you consider including this option in a future release?

I wondered when someone would ask about that. :)

I’m still waiting on the review team at wordpress.org to get back to me on the latest update (it’s still at 1.4 there), but I’ve already pushed out the latest update (1.5) on the Github repo. You can download it here:
https://github.com/peiche/cover/releases/tag/v1.5.1

A number of things were added with this version. I was planning on making a blog post about this once the WP review team approved the update, but I’ll list the changes here for you anyway:

– Added support for Jetpack’s Site Logo module.
– Added Customizer option to change header color.
– Added Customizer option to change link color.
– Added support for the Color Posts plugin to set the header color based on post images. (Please note that Color Posts requires Jetpack to function.)
– Added TGM Plugin Activation class to suggest Aesop Story Engine.
– Added caption styles for Aesop Story Engine image gallery types (Grid, Thumbnail, Sequence, Photoset, Parallax).
– Added styles for Aesop Story Engine to darken the image behind the text in the chapter component, similar to the header.
– Added background image for sticky posts on archive pages.

Wonderful, thank you!

The 1.5.0 update fixed an issue I had with parallax display and added two features I really wanted (logo + header color). Thanks so much for making this happen.

My pleasure! I’m curious to know what issue you had with parallax. Are you talking about the parallax in the post/page featured image, or with the Aesop Story Engine parallax gallery component?

The post images. They showed and looked nice, but scrolled with the page (unlike your site, and mine post-upgrade). I’d gone through and looked for a plugin conflict, cleared the site cache, and tried different image sizes. Nothing worked, but the upgrade has overwritten whatever was misbehaving. I’ll be finishing the site and will start adding fresh content by weekend: http://paperfrog.com.

Paul Shryock · July 1, 2015 at 5:16 pm

When I use a featured post, which shows up in the home page header, there’s no Read More link, and instead it ends with […]. I would like to add the Read More link back in as a button below the excerpt, and possibly even customize the color of that button using the Customizer to something other than the regular link/header colors.

Would this be easy enough for me to do in a child theme, or would you consider it for a future update? As far as a child theme goes, it looks like inc/cover-featured.php has that No More Link message; I’m just not quite sure what to do there to bring the link back in.

I could even just CSS it down to the next line with a custom color if needed, but having the Read More link is the main priority (and customizing it as a button, etc. isn’t as crucial).

Thanks!

You’d want to put a Read More link back in with a child theme. I prefer not to have one myself, that’s why it’s missing. You could also easily set the featured post’s Read More link color in the CSS of the child theme. If you created a child theme, you’d copy inc/cover-featured.php and make your modifications there.

Hi Paul, just playing with this theme now. Am I correct in seeing just a single level menu on the overlay? Or is there some way to activate a menu hierarchy?

Hi again Paul, sorry, I’m an idiot. I see how it works now. face slap for me.

Thanks for great theme. It’s shame that latest update messed up everything specially in mobile…

How do you mean, “messed up everything on mobile”? Screenshots would be helpful. Feel free to comment here, file an issue (https://github.com/peiche/cover/issues), or email me directly (peiche@gmail.com).

Hi Paul, love the Cover theme; thanks.
One question: it’s great to see that the tagline is now visible on mobile devices, but it wraps in portrait layout on phones. Is there a way for the tagline to appear under the site title in portrait, and in-line in landscape?

I’ll wrap that into the next update.

Thanks Paul. Maybe there’s a ‘nicer’ way to make everything fit, but I’m not known for my design skills. Good-luck. :)

Hi again Paul,
Thanks so much for an awesome, clean theme.
I was wondering – is there any way to implement a category hierarchy, much the same way that menus work? If not no worries, I can implement in the overlay menu structure – but it would be nice to use WP’s inbuilt category widget rather than the menu.

Thank you!

I can definitely wrap that into the next update.

Thanks Paul, very much appreciated!

I see this happened in 1.6.1, thanks Paul!

Hi Paul, love the theme. I have tried using SiteOrigin’s Page Builder plugin but it doesn’t integrate too well, interfering with layouts. Is this something you have come across?

I haven’t tried using any page builder type plugins with Cover, or any other theme I’ve used, for that matter.

No worries, thought it might make life easier but its ended up being more of a hassle anyway.
Under Menu Settings, Theme Locations there are three options, how do the two Social Menus work? I cant seem to work out how to configure them.

So, you’ll want to create a menu just for use in one of the two social menu locations (in the overlay or the footer). When you create a menu item for it, make it a custom link that points to one of your social media accounts. (For example, http://twitter.com/wavetree is mine for Twitter.) Cover will inspect the URL and assign the appropriate icon.

Hi, I am liking the theme so far, but for a reason the quote component doesn’t work well. The pull quote is invisible and the full-width quote is off. I haven’t used any other components aside of chapter and image so I can’t really tell what else is wrong when I use it.

Edit: It is apparently only happening when parallax is turned on. When turned off, the quote is shown but with white background, no matter what color was chosen

Thanks for the feedback. I am aware that the quote component has had issues since ASE introduced two variations, “full width” and “pull quote.” I will be addressing this in the next version of Cover.

Thank you! I did not expect such a prompt reply.
I am wondering what might be wrong with my installation too, since the problem with parallax and floater extends to all other components. Even without such effects, Cover is already a joy to read in though!

There is an issue with parallax-enabled components not displaying which has been fixed, but the issue in the screenshot above is actually an Aesop plugin issue. The pull quote doesn’t use the background color property, so when the text color is white, it doesn’t show up. I don’t feel comfortable overriding the text color property, since that’s under the author’s control. Just make sure you don’t use white for the text color, and it’ll be fine.

Mariusz Ślosarczyk · August 17, 2016 at 1:42 pm

Hi Paul
I would like ask You how I can made menu (primary) with drop down submenu? Must I have Jetpack? Now I play with theme in lamp (Linux), offline. I can’t find method…
Best

Not at all. Just create a menu item inside another menu item. See my screenshot for an example.

Mariusz Ślosarczyk · August 18, 2016 at 1:43 am

Thx for Your Answer. But here it not working. I try on the target server for a few days.
Best, theme is very original work.
Mariusz

Do you have it on a public server so I can take a look?

Mariusz Ślosarczyk · August 18, 2016 at 12:39 pm

Not yet. I this troube will be still on public, I will write, if You let.
Mariusz

Mariusz Ślosarczyk · September 12, 2016 at 11:43 am

Hi Paul

I still can’t make submenu with dropdown… My site: http://www.mariuszslosarczyk.pl
I would like insert a few pages under Interactive item with toggle and dropdown
because it not most importend items, I don’t want long menu with it…
Can You see and help maybe, please ??

best
Mariusz

Mariusz,

Let’s continue this conversation by email. Please contact me at peiche@gmail.com

Paul

Hi,

Just installed this theme, and I love it.

I really want to use ‘sub title’ to show on homepage as excerpt, or to show it in single article page just under the main title.
Really appreciate it if you consider to add that feature in the next update :)

Great theme.

Are you using plugin to make subtitles? I didn’t think WordPress supported them natively.

I’m glad you like the theme!

What code highlight plugin do you suggest? I was using Crayon Syntax Highlighter but it seems to not work so well eg (http://d.pr/i/1iex9) unless you know a fix for this?

With a little configuration, it doesn’t look so bad. In order to match Cover’s fonts and spacing, I set Crayon to use the following:

– Font family: Source Code Pro
– Font size: 15 pixels
– Line height: 28 pixels
– Max width: 760 pixels
– Top margin: 20 pixels
– Bottom margin: 20 pixels

I picked the Kayote theme, since it pretty closely matched the dark background color Cover uses for code blocks.

Let me know if you’re still having trouble getting it to look nice.

Hmmm still having issues its not being centered which is the main problem. Any ideas or thoughts?

Sorry, I missed one. In the “Metrics” section of Crayon’s settings, set the horizontal alignment to “center.”

Whoops sorry I missed such a simple settings. All good now thanks!

Your website caught my attention. Thank you, Paul Eiche. Thank you for the theme too. It’s an elegant and smart theme. Best, M Vig

Thank you for the kind words!

Hi Paul, do you have any idea how to delete the author name and avatar under the title of post in the homepage? I am sorry for this “amateur” question, since I am new working with wordpress. Thank you!

Don’t be sorry at all! We all have to start somewhere.

Are you talking about removing the author’s avatar and name from the post listing? (See screenshot.) I recommend making a child theme and copying the file /template-parts/content-summary.php to make the changes you require.

If you want to completely remove the post meta (this includes the timestamp, as well as author info), then you can remove on line 33. If you want to change the meta output, you’ll have to make a copy of /inc/template-tags.php and modify the cover_posted_on() function.

If all this is sounding too complicated, email me at peiche@gmail.com and we can discuss further.

https://uploads.disquscdn.com/images/4d56c9b79f2763eecb56452342b1c773b86b88885d22abe9e4fd40889a74eebf.png

Hi, Paul. Thank you! I will try it :D

Cover is just amazing! I’ve been looking for a theme like this for quite a few days. I will be using it for a new blog project right away. The fact that you are actually using it on your personal website gives me lots of trust. Thanks, this theme is really a sort of lifesaver for me.

Thanks for the kind words! Cover has been a labor of love since the beginning, since I wrote it first for myself. I’m glad to see it has another fan. :)

Hi Paul, I think you did a great job on this theme. I just have a question about removing the white space that is automatically added at the top of the page content. When I want to start a page or post with an aesop entry, how do I get rid of the white space between the content and the header? E.g. here: http://thescienceofattraction.com/home/

Add this to your stylesheet:

.entry-content .aesop-component:first-of-type {
margin-top: -40px;
}

I would normally use :first-child, but Aesop adds a element above the .aesop-component element, so that won’t work. The :first-of-type will ensure that it doesn’t set the negative margin on every element.

Thank you so much! It worked perfectly. I was not expecting such a quick response, and I really appreciate all the work you’ve done here.

You’re very welcome. Thanks for the kind words, and for using my theme! :)

Another question — is it possible to make body paragraphs have a maximum of 70 characters per line? It’s supposed to be easiest to read that way.

That’s not really feasible with CSS in a variable-width font. (You can, making some assumptions, fake it with a fixed-width font.) You can achieve it with JavaScript, but I wouldn’t recommend it.

Would you mind telling me how I could go about faking it with a fixed-width font? I totally understand if it’s too much trouble to describe and/or you don’t have time, and thanks again for your quick response.

Browsers support different size units, one of which is “ch” which represents the width of the “0” character.
https://developer.mozilla.org/en-US/docs/Web/CSS/length#Font-relative_lengths

Using this unit, you can set a block level element’s max width:
http://codepen.io/peiche/pen/jyJNVz

Keep in mind that IE doesn’t have the same support for the ch unit as other major browsers.
http://caniuse.com/#feat=ch-unit

Well, it worked on some pages… I’ll keep trying. Thanks again for your help and all your attention to detail.

stefano valentino · June 13, 2017 at 4:08 pm

Hello, I use Cover, great theme. However, I have a layout issue. I posted an aesop collection in my post but id does not appear as it should. Look here: http://eco.mobilereporter.info/2017/06/13/collection-test/
Normally, aesop collections appear as a full width grid and show featured images as a background of posts titles.
Is there any way to fix it?
Thanks in advance
Stefano

Thanks for the kind words.

In order to prevent random CSS breakages, I wrote completely custom ASE styles. One of the components I never used was the collection block, so it remains relatively unstyled. Unfortunately, I am not adding any new features to Cover anymore since I published its rewrite, Cover2.

stefano valentino · June 22, 2017 at 4:22 am

Thanks for your answer. I have just installed Cover 2 and I can see that the CSS issue with Aesop collection is well fixed. Now it looks great. However, I have a few new issues. 1) Now in all pages there is a margin on top of the cover image that was not there with the previous version of Cover); 2) There is no more clickable arrow at the bottom of the cover image (it was a nice feature in the previous version of Cover). Do you plan to do something about those issues?

The margin you’re seeing a result of including the Bootstrap stylesheet, which is included in the Magee Shortcodes plugin. To fix it, add this style to your stylesheet:
.page-header { margin-top: 0; }

I’ve actually been considering putting the clickable arrow back in. That should be included in the next update.

stefano valentino · June 22, 2017 at 8:08 am

I added the CSS line you suggested. But unfortunately, the margin is still there. Maybe I should just deactivate Magee.
By the way, I cannot see the option to activate the featured content slider on pages

You might have to put !important on that line of css.

The featured content is a Jetpack module. If you don’t have Jetpack installed, it won’t be available.

stefano valentino · June 23, 2017 at 4:04 am

OK. I have already installed Jetpack. I will try out the slider module. Unfortunately, adding !important in the CSS line does not remove the top margin. Anyway, now I have an even bigger problem. The links in the aesop components no longer work for some reasons. Here you are my page: http://eco.mobilereporter.info/dieselgate/

stefano valentino · June 30, 2017 at 12:08 am

I would like to make sure that you saw my last comment about the non working links

Try wrapping the entire Aesop component in the link, instead of putting the link inside the component.

stefano valentino · July 2, 2017 at 6:56 am

Unfortunately, it still not working

stefano valentino · July 5, 2017 at 9:45 am

Hi, any idea about a potential conflict between Aesop and Cover 2?
I tried many things, but I cannot get the links working…

The problem is the reveal fx. I created a demo page to demonstrate: https://eichefam.net/content-test/

With the reveal fx enabled, links inside the content can’t be clicked. This is a side effect of how the darkening overlay is achieved in Cover2. I will work on a fix.

stefano valentino · July 14, 2017 at 4:40 am

Hi, while waiting your next release fixing the link issue related to Aesop reveal effect and the page top white gap issue related to Magee plugin (unfixed by CSS), I would like to ask your help for another two things:
1) in Aesop page collection each featured image preview has the following text “Written by …” . This should not be there since WP pages do not show authors details. How can I remove it?
Here you are the link to my page collection:http://stories.mobilereporter.info/in-the-media/
2) Is there a way to remove the featured image box in specific pages? For example, I would like to get rid of the whole blue box here: http://stories.mobilereporter.info/in-the-media/

Stefano,

The most recent update (published on July 6) fixed the reveal effect bug.

The “Written by” text is inserted by the Aesop Story Engine plugin, but I agree that it should not be shown on pages (as opposed to posts). I’ll see what I can do to fix that.

The colored header is part of Cover2’s design. There is currently no way to get rid of it. Do you know how to create a child theme? That would allow you to customize the appearance to your liking.

stefano valentino · July 15, 2017 at 1:24 am

I updated to the newest version of Cover 2 and I noticed that the link issue is solved indeed. Thanks a lot. As for the child theme, I have never created one. I checked instructions on WP website. If you tell me the code I need to paste in the style.css and the functions.php of my theme-child directory, then I’ll try to do my best.

stefano valentino · July 15, 2017 at 2:08 am

Actually I solved the issue in a easier way. It is enough to chose ‘no header” in the page attributes and the featured image box disappears. Look here: http://stories.mobilereporter.info/collection/
However, now I have a different issue: I installed jetpack, added the “featured” tag in the Featured content section of Customozation, but the sliders does not show up in the homepage

That’s because you seem to have a page set up as your homepage, not a post listing. The slider is only enable for the list of posts as the homepage.

stefano valentino · July 16, 2017 at 9:05 am

Thanks. Now it works. Now I am adding widgets and I noticed that there is only the Overlay widget area, but no Search and Footer widget areas that instead existed in the previois version of Cover. Do I need to set up something to see them?

No, I removed the search and footer widgets when I rewrote the theme.

stefano valentino · July 17, 2017 at 12:54 am

Pity Particularly, the footer widgets area is always something useful. I’ll try to add some footer plugin then.

stefano valentino · August 14, 2017 at 8:23 am

Hi again. I had an issue with the theme default font in the posts. Please have a look at this page: http://stories.mobilereporter.info/2017/08/08/elezioni-in-egitto-linsidioso-confine-tra-geopolitica-e-democrazia/
I added the code   between parapgraphs. The font became bigger up to a given paragraph and it stayed smaller in the following paragraph. I do not understand the reason.

The culprit is the Bootstrap stylesheet again. It sets the font-size to 10px on the html element, which alters Cover2’s font size of 1.25rem.

stefano valentino · August 15, 2017 at 4:47 am

Sorry, I did not understand. What do you mean by Bootstrap stylesheet? I did not touch the theme CSS. And I did not use any such thig as Bootstrap

The plugin Magee Shortcodes (https://wordpress.org/plugins/magee-shortcodes/) uses Bootstrap CSS.

stefano valentino · August 15, 2017 at 5:37 am

I deactivated the plugin and now the fonts seems to have gone back the default Cover size. But, as you can se,,there is still a different in size between the text before and after the sentence “An embarrassing ally named Mubarak”

The first paragraph in any post or page has a font size of 125%. That’s a design decision I made when building Cover and Cover2.

stefano valentino · August 15, 2017 at 12:06 pm

Yes, I know. And I like that. But as you can see, in the pot I share with you not only the first paragraph, but all paragraphs up to the sentence “An embarrassing ally named Mubarak” have a font size of 125%.

stefano valentino · September 9, 2017 at 5:19 pm

Hi again. I solved the issue with the font size. But now I have an issue with background color. I set it to black, but it is black only on Firefox, not on Chrome and Explorer. Please see here: http://eco.mobilereporter.info/
Also, is there any chance that you put your nice Footer area back in your theme?

The CSS selector that assigns the black background color is:

“html body.home.page-template.page-template-page-noheader.page-template-page-noheader-php.page.page-id-297.custom-background.ignore-custom-background.browser-gecko.os-windows.aesop-core.aesop-on-cover”

The “.browser-gecko.os” selector targets Firefox. (“Gecko” is the name of Firefox’s rendering engine.) If you want only that page to have a black background color, I recommend changing the selector to this:

“body.page-id-297”

stefano valentino · September 12, 2017 at 10:55 am

Thanks a lot. It works. So you do not plan to restore the footer area in your theme? Or is there any way to put it back through adding some lines of code?

Do you mean the social media icon menu in the footer? Or are you talking about putting widgets in the footer?

I have no plans to do either, but I’ll think about it.

stefano valentino · September 12, 2017 at 12:03 pm

I mean just restoring the widget area that existed in the previous version of the theme called just Cover.See the footer area in my website that still uses Cover: http://eco.mobilereporter.info/

stefano valentino · September 12, 2017 at 12:05 pm

I think that it is really useful and nice looking

I removed a lot of things in Cover2; that’s a big part of why I launched a brand new theme, instead of pushing it as a new version of Cover. I removed the grid view for post listings, featured images from post listings, background color, social media menu from the footer, and widget areas from the footer and search overlay. If you still want any of that, I encourage you to keep using Cover. I still maintain it (i.e., fix bugs) but it won’t be getting new features.

I understand. However, I would like to know if is there any line of code that I could use to add the footer area to Cover2

stefano valentino · September 17, 2017 at 5:27 pm

Besides the footer issue, I have a layout issue with Cover2:
It seems that there the post header is not responsive on mobile devices. Indeed the post title and excerpt get stuck to the the website title. I think that there should be some space between them, as it is o desktop browsers. Look here: http://stories.mobilereporter.info/it/2017/03/04/war-in-the-eu-on-water-privatization/

stefano valentino · October 1, 2017 at 5:24 pm

I was wandering if you could check my latest issue. Actually, the issue subsists only when you hold a mobile device in horizontal position. In vertical, the layout looks fine

Hi i got a problem with author pages it only shows the first account the “admin” account, it show the same name, picture, and bio, on all the other accounts
The left picture shows the “admin” account
https://uploads.disquscdn.com/images/0db32faf7181ff2428e325086c292f97d962b5539485d3566d2a4836ff19be85.jpg

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Back to top