- This topic has 7 replies, 2 voices, and was last updated 5 years, 11 months ago by
.
hello,
i have this page, which is a page and not a blog post, that when i open it, i see the feature image on the top of it:
https://www.saveatrain.com/blog/timezone/
i prefer not to have feature image on pages, but still like to keep them in blog posts, like this one: https://www.saveatrain.com/blog/london-paris-train/
is there a way to do this?
Hi @SaveATrain,
I hope you are well today and thank you for your question.
You can remove the featured image from the page by editing the page as shown in the attached screenshot.
Best regards,
Shufflehound teamthis is not a good solution, since when you share the link on twitter, you do need a featured image,
the only thing i ask is that on pages, the image will not open WHEN YOU OPEN THE LINK, go to http://www.saveatrain.com/blog/timezone/ and see that before the text you see a large image and that is not a good customer experience
there should be an option to not show featured image on the page it self on pages or in blogs, and let the site owner decide
In this case, you can just hide the page featured image by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
body.page #content > .page-featured-image { display: none; }i updated it and it still shows the feature image on:
You are using the automptize cache on your website so you have to clear the cache after using the above shared CSS code.
ok, before i do that, my current custom css code is this, please just confirm its good
.book-now-btn-desktop {
font-size: 1.5em;
position: fixed;border: 3px solid red;
z-index: 999999999999999999;
text-align: center;
box-sizing: border-box;
display: none;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome and Opera */
-moz-box-shadow: 0px 9px 14px -7px #276873;
-webkit-box-shadow: 0px 9px 14px -7px #276873;
box-shadow: 0px 9px 14px -7px #276873;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0abeff), color-stop(1, #0e95ad));
background:-moz-linear-gradient(top, #0abeff 5%, #0e95ad 100%);
background:-webkit-linear-gradient(top, #0abeff 5%, #0e95ad 100%);
background:-o-linear-gradient(top, #0abeff 5%, #0e95ad 100%);
background:-ms-linear-gradient(top, #0abeff 5%, #0e95ad 100%);
background:linear-gradient(to bottom, #0abeff 5%, #0e95ad 100%);
background-color:#0abeff;
-moz-border-radius:24px;
-webkit-border-radius:24px;
border-radius:24px;
display:inline-block;
cursor:pointer;
color:#FFF;
/* font-family:Arial; */
font-size:24px;
font-weight:bold;
padding:5px 5px;
text-decoration:none;
text-shadow:-1px 1px 0px #3d768a;display: block;
top: initial;bottom: 10px;
left: 0;
right: 0;
max-width: 75%;
margin: 0 auto;border-style: solid;
border-color: red;
border-width: medium;
}.book-now-btn-desktop:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0e95ad), color-stop(1, #0abeff));
background:-moz-linear-gradient(top, #0e95ad 5%, #0abeff 100%);
background:-webkit-linear-gradient(top, #0e95ad 5%, #0abeff 100%);
background:-o-linear-gradient(top, #0e95ad 5%, #0abeff 100%);
background:-ms-linear-gradient(top, #0e95ad 5%, #0abeff 100%);
background:linear-gradient(to bottom, #0e95ad 5%, #0abeff 100%);
}.book-now-btn:link,
.book-now-btn:hover,
.book-now-btn:visited,
.book-now-btn:active {
color:#FFF;
}@media (min-width: 991px) {
.book-now-btn-desktop {
display: none;left: initial;
margin: initial;bottom: initial;
position: fixed;
max-width: 300px;
padding:22px 36px;top: 300px;
right: 10px;}
}body.page #content > .page-featured-image {
display: none;
}Yes, it seems correct.
