Archived topic
Post labels like this in GP possible?
7 replies · Started by Philip on October 21, 2019
Hello,
the site wowhead.com is using those little "news category labels" in the upper left corner of their news posts. Is it possible to create something like this within GP?
Thanks
Hi there,
it would require some custom CSS and maybe some use of GP hooks. Do you have a site setup with post displaying category terms that we could take a look at? Then we could advise better
Hello,
this is an old site for testing purposes with some posts added and the WP categories shown.
Real tricky but can you give the tests posts a featured image.
Then in Customizer > Layout > Blog
Set Featured image above title and Align Left. Then set featured image size so it sits to the side.
Then i can take a look and see what can be done.
Hello, gave some of the example posts some test images.
Thanks a lot!
Try this CSS:
.separate-containers .inside-article {
position: relative;
overflow: hidden;
}
.separate-containers .inside-article .cat-links a {
font-size: 16px;
display: block;
width: 200px;
position: absolute;
top: 100px;
left: -25px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
background-color: blue;
color: #fff !important;
line-height: 50px;
text-align: center;
}
Hi David,
this works like a charm. Thanks a lot!
The GP-support is absolutely fantastic.
Awesome - glad to be of help