Hive theme: have lost initial that hovers over posts on home page
-
Hi :)
I changed the wording that hovers between the diagonal lines on posts on the home page . I can’t remember what the original wording was, but I changed it to ‘Discover’. However, after doing that, I noticed that the hovering initial letter ‘B’ also disappeared. Is it possible to get that back? Except I would like the initials to be ‘BB’ not just a single ‘B’. Thank you very much.
The blog I need help with is: (visible only to logged in users)
-
Seeing as the letter B is no longer showing anywhere it’s hard to understand what you’re trying to achieve. Can you switch back so that the B appears again so that we can see what you mean?
-
Hello – thank you :) You can see the letter that shows up on the demo site when you hover over a post:
https://hivedemo.wordpress.com/
I wanted to change ‘Read more’ to ‘Discover’ and used the following css:
.archive__grid .entry-thumbnail .hover__more {
font-size: 1px;
letter-spacing: -1px;
color: transparent;
}.archive__grid .entry-thumbnail .hover__more:before {
content: ‘Discover’;
font-size: 16px;
font-size: 1rem; /* Maintain relative font-size in browsers that support it */
letter-spacing: normal;
color: white;The capital letter is taken from the first word of the site title. So it was originally ‘B’ on my site. When I changed the wording to ‘Discover’ using the above code (as provided in the Hive theme forum), it disappeared. I have an idea it may not be possible to have ‘BB’ but it would be nice to have the ‘B’ back. :)
-
-
Hi, when researching something else, I came across the answer to my problem: The capital letter will only show if you choose to display your site title. (I’ve chosen not to have a site title.) If you have the premium package you can add in the site title then use the following code to make it invisible:
.site-title {display: none;}…but the first letter of the site will still show when you hover over a post.
Thank you for your initial reply. Just thought I would leave this note here in case anyone else is interested. :)
-
That’s OK – thanks for explaining, I see what you mean now.
However even when I turn off all of your custom CSS rules in my browser and view the original version of your theme the “B” is not appearing.
I can’t check the theme in depth because it’s not a free one, can you look to see if there’s a setting for which letter you want to show up as the background of the hover effect? And that it hasn’t been disabled or reset somehow.
You should just be able to get around it by using the following CSS:
.hover__letter::after { content: "BB"; }If you do manage to turn the original “B” back on then you can just edit the code above to only add the one missing letter on.
-
Hi, thank you so much – I tried adding in the code and got ‘BBB’, so I used your code with one ‘B’: .hover__letter::after {
content: “B”;
}
… and got ‘BB’ which is exactly what I wanted. :) I really appreciate your help. Wonderful! :) -
- The topic ‘Hive theme: have lost initial that hovers over posts on home page’ is closed to new replies.
WordPress.com Forums 