Archived topic
Hide author when using Flint Skin bold from the library
3 replies · Started by Laura on September 27, 2019
Hello there,
I want to hide the autors name. I did it the normal way (customizing, layout, blog etc), but it isn't working. The reason is - I think - the extra CSS which is imported with 'Bold' from your library.
So I removed the codes about the blog post (the authors box), but it isn't working. The author is still visible. So I want tot remove: "
About admin
Read more of my posts.
So what part do I have to remove? (ps I just started with my website today, so it isn't ready yet)
/*--- Blog Page ---*/
/* Custom Blog Hero */
.custom-blog-hero {
background-color: #5e9ad3;
/* Change background color */
position: relative;
margin-bottom: 150px;
padding: 0 20px;
}
.custom-blog-hero .grid-container {
padding-top: 300px;
padding-bottom: 150px;
color: #ffffff;
/* Change text color */
z-index: 1;
position: relative;
opacity: 1 !important;
}
/* Set H2 size and font on entry title on archives */
.generate-columns h2 {
font-family: inherit;
font-size: 24px;
font-weight: 500;
}
/*-- Single Post --*/
/* Author Box */
.author-box {
font-size: 0.8em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 60px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.author-box .avatar {
width: 50px;
margin-right: 20px;
}
h5.author-title {
margin-bottom: 0.5em;
}
/* Single Post Custom hero */
.hero-grid {
padding: 0;
}
.hero-column:nth-child(1) {
padding: 20px;
}
@media (min-width: 769px) {
.hero-grid {
display: grid;
grid-template-columns: 29% 21% 50%;
padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hero-grid:before {
display: none;
}
.hero-column:nth-child(1) {
grid-column: 1 / 3;
grid-row: 1;
padding: 30px;
background-color: #009ee2;
color: #fff;
}
.hero-column:nth-child(2) {
grid-column: 2 / -1;
grid-row: 1;
z-index: -1;
}
.custom-hero {
padding-top: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
Hi there,
in Appearance > Elements you will see a Hook Element called Author Box. You can either delete the Hook element or edit the code within.
thank you!
Another question about the posts:
I also can't find the place to change the colour of the blue rectangle with the title. I assume that is it also a Hook Element, probably the custom post header? I don't see anything there to change the blue colour. See for example https://www.dementievriendelijknoordwijk.nl/verhaal-noordwijk-1/
CSS:
<?php
$img_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'large', false );
$categories = get_the_category();
if ( ! empty( $categories ) ) {
$cat_name = esc_html( $categories[0]->name );
}
global $post
?>
<?php echo 'term_id ) ) . '">' . esc_html( $categories[0]->name ) . ''; ?>
Yeah its another hooked element but the color is set in the CSS:
.hero-column:nth-child(1) {
grid-column: 1 / 3;
grid-row: 1;
padding: 30px;
background-color: #009ee2;
color: #fff;
}