Docs

[EasyMedia]

Hi X Team,

Need a little help with my blog settings, running the Renew theme, URL is https://easymedia.us/blog/. I have searched other forum posts and tried the CSS provided, but it has not worked for me. Appreciate your help.

I need to do two things:

1) Reduce/Remove featured images for the blog. The featured images on both the blog index page and the single post/entry pages are way too big for my liking. I’d like to remove the featured image on the single entry pages, and reduce the size of the featured images on the blog index page.

2) I’d like to remove the page title on the blog index page. I’ve checked the “disable page title” on the page “Edit” screen, and also tried to use some CSS to hide it, but have had no luck thus far.

Thanks as always for your help!

-Brett

[Rupok]

Hi Brett,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.single-post .entry-featured {
  display: none;
}
.blog .entry-featured {
  max-width: 500px;
}
.blog .entry-thumb img {
  max-width: 500px;
  min-width: auto;
}
.blog .x-header-landmark {
  display: none;
}

This should do all the job.

Cheers!

[EasyMedia]

Hi – thanks for the quick response. I added the CSS provided in the Customizer but it did not appear to change the items at all. The page title is still there and the images are the same size they were before. Sorry, thanks for the continued help!

[Jade]

Hi there,

Please find this part of the code in the customizer then add }

Hope this helps.

[Jade]

Hi there,

Please find this part of the code in the customizer then add }

Hope this helps.

[EasyMedia]

Hi, I added the “}” as specified and then added the CSS you provided, and a couple things did change for a good start, but there are a few issues that I hope you can help me work out:

1) The Blog title is gone from the Blog Index page, but now shows up on the individual post entry pages, and I don’t want it to show up there either

2) On the Blog Index page, the box/border that appears around the feature image thumbnails is smaller than the image, and when the images are hovered on, only a square portion of the image highlights with the link icon and color overlay

3) The content on the Blog Index and individual post entry pages is now indented on the left. I’d still like the content to take up the full width of the content area and be left-aligned with the column container (so that all of the content left-aligns under the logo), just with smaller featured images on the index and no featured on the individual entry pages.

Thanks so much!

[Lely]

Hello Brett,

1.) Blog title is gone from your blog index page because of the following custom CSS:

.blog .x-header-landmark {
    display: none;
}

To hide it also on single post page use this:

.single-post .x-header-landmark {
    display: none;
}

Or you may combine both CSS to this:

.blog .x-header-landmark,
.single-post .x-header-landmark {
    display: none;
}

2.)That is because of the following custom CSS:

.blog .entry-thumb img {
    max-width: 800px;
    min-width: auto;
}
.blog .entry-thumb img {
    max-width: 500px;
    min-width: auto;
}

Please remove both.

3.) I am sorry but this is not clear.
Upon checking, your content is restricted by the following custom CSS:

.post, .x-comments-area {
    max-width: 60% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

If you want the entire content to make it fullwidth on its container, please just remove that part.
Your main content area by default is 68.79803% of your entire browser width. But then that CSS restrict the content to 60% of that 68.79803%. Then it makes it center.

Hope this helps.

[Author]

Posts