bdukes

Howdy,

Since it’s without a corresponding element, I find it difficult to target it using CSS.

Looking at your example, it appears that the text “3000” is wrapped in a h6 allowing the text to be hidden with:

.taxonomy-description h6 {
	display: none;
}

Also, could you please advice how to define a featured image for category pages (just like featured images on posts) using a snippet in functions.php file?

Adding a header or featured image to the archive/category pages does require code modification to the theme and is outside of the scope of the support we provide for the theme. However, I’m happy to point you in the right direction here.

For posts, the featured image is set up in the <header> element of content-single.php. By looking at archive.php which is used for archives the underlining page output is different and would need to be modified to display the featured image.

Take a look at both of these files to get a sesnse of how featured images work. Then when you’re ready to make changes create a Child Theme with your changes.

Hi there,

What you’re seeing is actually by design, the theme contains a front-page.php template which will override all other templates for just the homepage. (You may read more more on Template Hierarchy).

This frontpage.php file does not contain the wrap CSS class which creates the more narrow view you’re seeing. For example, if you compare frontpage.php to page.php you’ll see <div class="wrap"> at the top of page.php.

In addition to the .wrap there’s also some CSS which controls the width on just the home page setting it to no wider then 700px:

@media screen and (min-width: 60em)
body:not(.lodestar-front-page) #primary {
    margin: auto;
    max-width: 700px;
    width: 64%;
}

In your case, I would use CSS to change the width of .wrap to be wider by adding something like the following to Additional CSS or a Child Theme.

Something like this could work, this example just removes the width of 64% and the max-width of 700px setting the width to the home page default.

@media screen and (min-width: 60em){
  body:not(.lodestar-front-page) #primary {
    margin: auto;
    max-width: inherit;
    width: auto;
  }
}

• This reply was modified 7 years, 10 months ago by bdukes.
• This reply was modified 7 years, 10 months ago by bdukes.