Okay
  Public Ticket #2652669
Featured Image and Animations
Closed

Comments

  • Michael started the conversation

    Questions:

    Why is it that the Featured Image on my post looks huge on the actual page? Within the thumbnail it looks great, but huge in the actual post. (See the one post on livworthen.com for reference)

    I have the hover animation set to 'scale'. However, when I hover over my post, it disappears. How do I fix this?

  •  933
    Neuron replied

    Hi Michael,

    I am very sorry for the late reply, we're on holiday until 10 of January, please expect a delay in the replies. Happy holidays, we wish you all the best in 2021.

    At the style tab of the post element, you have the hover effect settings, so please set the background-color to transparent.

    https://prnt.sc/wjb6w2

    Feel free to ask for anything you need.

    Kind Regards


  • Michael replied

    Hi thank you for addressing one of my queries. If you would, I have another question:

    Why is it that the Featured Image on my post looks huge on the actual page? Within the thumbnail it looks great, but huge in the actual post. (See the one post on livworthen.com for reference)


    Michael


  •  933
    Neuron replied

    Hi,

    We’re sorry for the late reply, we got back working today, the replies time will get normal now(within a business day).

    That's because it's displaying as a hero image of that post, if you want I can send you some CSS code to decrease the width of that image.

    Feel free to ask for anything you need.

    Kind Regards


  • Michael replied

    Yes that would be great, and also instructions on how to add, please?


    Thank you,

    Michael

  •  933
    Neuron replied

    Hi Michael,

    Can you please add the following code at Appearance > Customize > Additional CSS.

    .o-blog-post .o-blog-post__thumbnail img {
        width: 600px !important;
        height: auto !important;
    }
    

    Feel free to ask for anything you need.

    Kind Regards


  • Michael replied

    Thank you, I tried adding that code and it scaled my picture down, but it still doesn't look quite right. I would like it to look like the example here: https://neuronthemes.com/bifrost/digital-experience/


    Currently, it looks like this (see attached) with lots of white space and a picture that was scaled down too much.


    Thank you,

    Michael

  •  933
    Neuron replied

    Hi Michael,

    Can you please provide me with your wp-admin, so I can add some CSS code by testing it live, make sure to click on private reply.

    Feel free to ask for anything you need.

    Kind Regards


  •   Michael replied privately
  •  933
    Neuron replied

    Hi Michael,

    As you can see from the screenshot the div that's holding the image it's getting a padding-bottom of 100%

    https://prnt.sc/wlqiwj

    So please now add the following code at Appearance > Customize > Additional CSS.

    .o-blog-post .o-blog-post__thumbnail img {
        width: 600px !important;
        height: auto !important;
    }
    .o-blog-post__thumbnail {
        height: 800px !important;
        max-height: 800px !important
    }
    .h-calculated-image {
        padding-bottom: 0 !important;
    }
    

    Feel free to ask for anything you need.

    Kind Regards


  •   Michael replied privately
  •  933
    Neuron replied

    Hi Michale,

    I've found an error in our code, so I've edited that and also I've added the following code at Appearance > Customize > Additional CSS to change the width of the image.

    .o-blog-post .o-blog-post__thumbnail img {
        width: 600px !important;
        height: auto !important;
    }
    

    Feel free to ask for anything you need.

    Kind Regards


  • Michael replied

    Good afternoon,  


    It appears that I am no longer able to access my site. Is there any reason why this is happening?


    Thank you,

    Michael

  •  933
    Neuron replied

    Hi Michael,

    There isn't any error, but your domain has been expired, please contact your host and your domain provider for more.

    Feel free to ask for anything you need.

    Kind Regards