A few problems…

  • Resolved td39

    (@td39)


    5 years, 7 months ago

    Hi guys,

    Hestia is a great theme so far and I am thinking of buying the Pro version, but I am having a little trouble with a few items that I would really appreciate some help with.

    I have summarised these below, in one post rather than making multiple posts!

    The Green header bar at the top of blog category sections – padding seems to be too big. I can edit it using my browser inspector software and the changes take effect straight away but when I edit the site’s CSS file directly with the exact same changes, nothing happens. I am trying to reduce the height of the bar.

    ( https://www.healthupdate.net/category/general/alzheimers/ )

    Logo size:
    I have

    .navbar .navbar-header .navbar-brand img {
    max-height: 200px !important;
    }

    pasted into the “additional CSS” section but the logo is still tiny and just will not resize. I have tried a couple of different fixes but nothing seems to work. What is the exact CSS setting that affects the size of the logo or its container so that I can change it directly?

    How do I change the text colour and font size for the article excerpts? It is very pale and small and very hard to read against a white background.

    ( https://www.healthupdate.net/category/general/cancer/ )

    Many thanks in advance to anybody who helps!

    T

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter td39

    (@td39)

    Can anybody help…?

    Hi, try out the following in Additional CSS

    /* Changes height for navigation bar */
.navbar .container {
    height: 140px;
}

/* Widens logo area box to allow for wider image */
.navbar .title-logo-wrapper {
    max-width: 500px;
}

/* Increase the actual height of the logo */
.navbar .navbar-brand img {
    height: 100px;
}

/* Decreases the height of the green area under navigation */
.page-header.header-small {
    height: 200px;
}

/* Controls where the title is shown in green area */
.page-header .container {
    padding-top: 140px !important;
}

/* Increases font size and changes color for post excerpts */
.hestia-blogs .post .entry-summary {
    font-size: 20px;
    color: red;
}

    I added in comments as well to the code to explain what part does what

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘A few problems…’ is closed to new replies.