Archived topic
How to customize Featured Image & other things.
1 reply · Started by Yogesh on July 24, 2021
Hii,
Thank your for creating this amazing thing. I would like to know how can I achieve following things:
1) How can I customize featured image appearing on front page of website. I am using Marketer template from site library. I want to achieve featured image like this website https://www.wplogout.com/
2) As you can see this website https://www.wplogout.com/, when you open any post on this site and scroll down, only one sidebar block will scroll down. oHow can I achieve this. This site is also using GeneratePress theme.
3) As if you observed home page, you can see some sidebar widget appear a little bit up from surface(I am sorry, I am unable to find a suitable name for this). How can I achieve this. Screenshot https://prnt.sc/1fkmkbv & link of website https://www.wplogout.com/
4) As you can see, even breadcrumb appear a little bit up from surface. How can I achieve all this? screenshot https://prnt.sc/1fkmkbv
I am awaiting for your reply. thanks
Hi there,
1. Featured image with radius corner and shadows: Add this CSS:
@media (min-width: 769px) {
.post-image-aligned-left .post-image img {
border-radius: 10px;
box-shadow: rgba(23,43,99,.2) 0 7px 28px!important;
}
}2. Sticky right sidebar last widget - add this:
@media (min-width: 769px) {
.inside-right-sidebar {
height: 100%;
}
.inside-right-sidebar aside:last-child {
position: -webkit-sticky;
position: sticky;
top: 60px;
}
}3. Shadows and borders for sidebar widgets:
.sidebar .widget {
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
border-radius: 5px;
}4. I would need to see you site to see what breadcrumb HTML you have added.
