Site logo

[Support request] How to customize Featured Image & other things.

Home Forums Support [Support request] How to customize Featured Image & other things.

Home Forums Support How to customize Featured Image & other things.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1869753
    Yogesh

    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

    #1869962
    David
    Staff
    Customer Support

    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.

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.