Forum Replies Created
-
Posts
-
Hi,
I don’t want just one specific post, I would like all posts to not display the featured image as a top header image by default. As an example post however, https://www.therocketsurgery.org/wisdom-shmisdom/
ThanksHi,
Sorry I didn’t say the blog ‘page’ I said ‘post’, I mean to remove the image from the top of individual posts (i.e. the individual pages displayed within the blog page!)Thanks
Hi again,
Is there any way I can remove the featured (header) image from the top of blog post pages only? Such as maybe the same code you gave me before, except for blog posts not for general site pages, and setting the height to zero?
e.g. with the following, except the correct replacement for “page” to make it only effect blog post pages:
.page #page-site-header {
padding: 135px 0;
}Hi,
Sorry, but that is the wrong adjustment. Perhaps I confused you when I said ‘header’, what I mean is the “featured image” for both pages and posts. A few weeks ago (above) you gave me the CSS to add padding and reduce the height of the featured image(s) on web pages.
Actually these featured images (on both pages and posts) have been causing me a lot of problems with sizing and inconsistency, since for example with blog posts the image will be displayed differently on the actual blog page than it is when it is promoted in the hero section, or as a thumbnail in the archive.
What I need is the CSS/code to make all the featured images on webpages or blog posts automatically fit the original image size (instead of cropping them etc), or a solution that avoids different images being displayed.
Here is a link to the ‘featured image’ component I mean – https://ibb.co/XtZ9FNW
As an example of the image resizing, see the hero post on therocketsurgery.org, and how it appears differently to the image at the top of the post – https://www.therocketsurgery.org/1-phylos-sophia-love-of-wisdom/ – (I had to add a white border to make it fit at the top of the post)Hey, I have more questions! (Thanks for your help so far 😉 )
Firstly, how can I adjust the size of the header image (as above) for all blog posts? I.e., when viewing a blog post page the featured image shows at the top and is too large.
Secondly, how can I adjust the width of the content of blog posts? I would like them to be more central, with more padding at the sides (like https://www.brainpickings.org/).Thanks again,
KingstonHi,
The site is https://www.therocketsurgery.org/blog/ and I’m referring to the header images at the top of each of the pages (Archive/blog, About, Get Involved, etc.). I would like to reduce the height of the images by about 1/3rd.
Screenshot: https://ibb.co/SRWrdqCThanks!
Hi,
I am interested in doing the same for my site as it is not adapting to the change in image size– please could you provide the custom CSS for editing the header image size (on any page).
Thanks
Hey,
Thanks that works great, except now there is a gap between the sidebar and the blog content – what’s the CSS for increasing the content width? (If sidebar is 20%, then increasing content to 80%)
Thanks, really appreciate this!
Hi, the url is http://therocketsurgery.org/blog/
I would also like to remove the title/text in the header images on the site, what CSS do I need for that? I have put screenshots for each issue in this folder: https://drive.google.com/open?id=1nd3Pgm2aszZa13NC-osudKnvnNKmp9tTThanks
Hey,
Thanks. I’ve found the problem, there are two places to set the layout: one in lefthand menu on the appearance>customise>theme options>layout page (which was having no effect), and another on the dashboard under pages>edit page, at the bottom. Changing that one made it appear.
I am finding that the sidebar is too wide, however. Is there a way to set the width of the sidebar with respect to the rest of the blog/archive page?
