[Resolved] Hide author when using Flint Skin bold from the library

[Laura]

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;
}
}

[David]

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.

[Laura]

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

?>

<h1><?php echo get_the_title($post->ID);?></h1>
<?php echo ‘term_id ) ) . ‘”>’ . esc_html( $categories[0]->name ) . ‘‘; ?>

<?php echo ‘‘; ?>

[David]

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;
}

[Author]

Posts