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

Home Forums Support Hide author when using Flint Skin bold from the library

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1020524
    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;
    }
    }

    #1020579
    David
    Staff
    Customer Support

    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.

    #1020618
    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 ‘‘; ?>
    #1020623
    David
    Staff
    Customer Support

    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;
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.