Archived topic
Dispatch Theme Missing Titles of Blog Posts under "Standard" WP Show Posts
9 replies · Started by Kathleen on April 13, 2021
Hi, the blog post titles are missing on my homepage for those under the "standard" WP show posts.
The standard area is the layer in the blog using WP Show Posts links after the 2nd navigation in the dispatch theme.
I believe this is the CSS that is hiding the title text but if I take this off the title ends up going vertical.
.generate-columns-container article .entry-header .entry-title, .wp-show-posts article .wp-show-posts-entry-title {
line-height: 2.5ex;
height: 5ex;
overflow: hidden;
text-overflow: ellipsis;
}
How do I resolve this issue? Thanks.
Hi there,
Can you link us to the page in question? So we could inspect the source to find why this is occurring.
Note: If you're using caching/optimization plugins, please disable it so we can properly inspect the page. Thank you. :)
Hi Elvin,
Thanks for the quick response. I've turned off the caching plugin.
The page is anytots.com - the affected part are the 4 images below the secondary navigation. Their titles are not showing up on desktop. I only see them on mobile. If I delete the CSS code that sez "hidden", it will show up but in vertical form, like one character stack after another.
Thanks
Can you check your WPSP lists if they have "Include title" unchecked?
https://share.getcloudapp.com/6qu8QnXe
Also, can you try checking the site with ALL plugins disabled except WP Show Posts and GP Premium? Let us know.
I figured it out! I went to the WP show lists and change the image alignment to center and that worked!!!
Question though, how can I make my top navigation to show up like the one on the demo where when you hover to a menu category, a line will highlight the word.
2nd question: when I click the search icon, it doesn't open up a bar below the navigation so you can type your search query. Instead, the words you type will end up over the navigation unlike the demo. How do I fix this?
Thanks
Question though, how can I make my top navigation to show up like the one on the demo where when you hover to a menu category, a line will highlight the word.
It's a custom CSS added to Dispatch by default.
It's this one:
@media (min-width: 769px) {
.main-navigation ul li {
position: relative;
}
.main-navigation ul li:after {
content: '';
position: absolute;
height: 0;
width: 100%;
bottom: 0;
left: 0;
pointer-events: none;
filter: hue-rotation(90deg);
-webkit-filter: hue-rotation(90deg);
-webkit-transition: height 0.35s ease;
transition: height 0.35s ease;
}
.main-navigation ul li:hover:after, .main-navigation ul li.current-menu-item:after {
height: 6px;
}
}
2nd question: when I click the search icon, it doesn’t open up a bar below the navigation so you can type your search query. Instead, the words you type will end up over the navigation unlike the demo. How do I fix this?
It's this CSS that sets the effect for search input on demo:
.navigation-search.nav-search-active {
background-color: rgba(255,255,255,0.95);
top: 100%;
}
The search icon worked, the underline for the navigation didn't. Is it coz of my color presets? On the customize colors, do I need to change something?
Right now, I have it at:
navigation color preset: current
background - #fbfbfb
text - #000
background hover - rgba 25, 129, 0
text hover - 3a3a3a
background current - ffff
text current - 7a8896
thanks
The search icon worked, the underline for the navigation didn’t. Is it coz of my color presets? On the customize colors, do I need to change something?
I forgot to add this in. My bad:
.main-navigation ul li:after {
background-color: #000;
}
it worked, thanks!!!!
Glad it works for you. No problem. :)