Reducing size of header banner

  • Resolved abcxyz1

    (@abcxyz1)


    6 years, 5 months ago

    Hi,

    I have a couple of questions to ask.

    How do i reduce the size of the box/banner where the site title is in?

    How do i not show any details(title/category/text) of the post on the home page?

    How do i increase the width of the picture that can be seen on the home page? I would like it to suit landscape pictures.

    What is the optimal size for pictures shown on the home page? My past post pictures seem to be quite blur.

    Thanks for your time.

Viewing 1 replies (of 1 total)
  • Vishakha Patel

    (@vishakha)

    6 years, 4 months ago

    Hi There,

    Please find the answers of your questions as below starting from top:

    1. To reduce the size of the Site title box, following class can be used in Custom CSS.

    .header-inner-site-branding {padding: 94px 0 !important }

    Changing 94 in above line to any number will change the height of the box.

    Custom CSS can be added at WP-admin > Customizer > Additional CSS section.

    2. Post information on Homepage cannot be removed directly. However, you can remove them from the file content.php at “/themes/zillah/template-parts/” folder.

    Following code is used to show date, title and category:

    zillah_posted_date();
				the_title( '<h2 class="entry-title entry-title-blog"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );
				zillah_category();

    3. This will require custom CSS changes too. Try increasing width in the following class:

    .post-thumbnail-wrap {
    text-align: center;
    width: 120%;
    margin-bottom: 50px;
}

    You can add this code to Additional CSS section and make changes as per your requirements. You will need to align the image the way that it shows in the centre.

    Or you can increase the overall width too with following code:
    @media screen and (min-width: 1200px)
    style.css?ver=4.9.1:3515
    .container {
    width: 1170px;
    }

    But this may affect the other components. Try it out if it looks good on your website.

    4. 900 x 545 image size would be good.

    Let me know how this information helps you to achieve what your requirements are. Or if you need any more help.

    Thanks

Viewing 1 replies (of 1 total)
  • The topic ‘Reducing size of header banner’ is closed to new replies.