Publication cover issue

Themes
1

Hello,

i am a new user of Ghost. I use the Arate template.

I have an issue with the " Publication cover (An optional large background image for your site)". Indeed i wanna use a a very shinny picture but when i use it, Ghost display a pretty dark one.

I dont understand why :frowning:
On the right is the color i used, and on the left the displayed one

Capture d’écran 2020-02-07 à 15.39.37
Capture d’écran 2020-02-07 à 15.39.371280×552 73.7 KB

2

I believe Arate theme is by @fueko, so they’re probably best to answer this question :+1:

3

Oh okay, waiting for @fueko in that case :slight_smile:

4

Hey @Xanthos09!

Dark overlay is added to the ‘publication cover’ - to make the text visible on image.
If you only want the default orange color, delete the publication cover.

If you want to remove the dark overlay, go to the Code injection settings in the Ghost admin and paste this code into the Site header section:

<style>
.is-cover::before {
   background-color: transparent
}
</style>
1 Like
5

Thanks a lot.

One last question:

Is it possible to have Arate as it appear here : Arate - Minimal Ghost Blog Theme Preview - ThemeForest

I mean in order to launch it with ghost and directly get something that look like the presentation template ?

6

Themeforest uses <iframe> element. The way iframes basically work is that they let you display a different webpage on some portion of your own webpage by embedding it.

In your case, it’s better to add additional graphic elements to your theme files to get a similar result.

1 Like
7

It work perfectly thanks to you ! <3

Last question if it not bother you (sorry i am not a dev)

I’ve got the post pinned at the top of the site that’s awesome. But it also reappears a second time when I scroll down.

Could you tell me how to remove that?

Capture d’écran 2020-02-07 à 17.43.35
Capture d’écran 2020-02-07 à 17.43.351626×874 167 KB

8

In this case you must use the Custom Routes.

  1. Go to the Labs settings and scroll down until you see the Routes section.
  2. Upload the routes.yaml file with these settings:
routes:

collections:
  /:
    permalink: /{slug}/
    filter: featured:false
    template: index
  /featured/:
    permalink: /featured/{slug}/
    filter: featured:true
    template: index

taxonomies:
  tag: /tag/{slug}/
  author: /author/{slug}/

This would set add an additional /featured/ URL address for all posts has been marked as featured. The main collection excludes these same posts to avoid any overlap.

Your routes.yaml file => https://we.tl/t-XAQQHhRWJc

1 Like
9

My hero’s name is @Fueko!

It works perfectly!

thank you so much.

1 Like
10

I’m glad I could help you out in some way :slight_smile:

2 Likes
11

Hello @fueko, aka : MyHero :slight_smile:

i would like to know which “code injection” i should write to change the “orange color” of my Arate theme while keeping a gradient.

For example CSS i would like to inject is (i use grabient.com) :

background-color: #21D4FD;
background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 69%);

I’d also like that color change to apply to the little line.

Thanks you in advance

Capture d’écran 2020-02-23 à 14.21.35
Capture d’écran 2020-02-23 à 14.21.351260×264 29 KB

12

Hello! @Xanthos09

Please send me a message and I will try to help you.

1 Like