Okay
  Public Ticket #2788712
Portfolio / Posts Element Title + Hover
Closed

Comments

  • franzholstein started the conversation
    8580184757.png

    1076290381.png

    Hello,

    I cant find a setting for the Portfolio / Post Element to basically show the picture + tiltle and when you hover it shows the gradient. Only possiblity for me is to show Gradient + Title but then no animation would be possible hover then.

    Basically I'd like to have it reverse from what it is but always show title.

    Easier summary:
    Always: show title
    On Hover: show gradient

    Optional:
    Always show Title + Gradient
    On Hover: Remove Gradient and decently highlight Title.

    Kind regards

    Patrick

  •  867
    Neuron replied

    Hi Patrick,

    Unfortunately, there's not a custom option that allows you to do that, you can activate the hover by going to Style tab > Hover, then it will show the title and the gradient color, but we can add some CSS that will show the gradient color only on hover, so if you want to do this you can provide me with your wp-admin and I can help you with that.

    Feel free to ask for anything you need.

    Kind Regards


  •   franzholstein replied privately
  •  867
    Neuron replied

    Hi,

    I've added some code at Appearance > Customize > Additional CSS, can you please check it now.

    Feel free to ask for anything you need.

    Kind Regards


  • franzholstein replied

    Hello,

    thank you!

    almost working. It shows the gradient only when youre at the left and right, where you cant click the link, but not when you hover over the name / link click.

    Anyways, I think appearance-wise it would be nicer to have darker overlay over all items, which disappears when you hover over it.

    No Hover: Picture + Title (white Font) + Black overlay around 15% or something.
    On Hover: Picture + Title (white Font), overlay disappears.

    Alternative, as it is with the donut pictures below the hero on landing page coming from your theme

    No Hover: Picture with 0.8 opacity + Title in white (no transparency)
    On Hover: Picture with 1 opacity aka no transparency + Title in white (no transparency)

    Would be pleased to see both alternatives.

    Kind regards
    Patrick

  •  867
    Neuron replied

    Hi Patrick,

    I'm so sorry for the late reply,

    I've customized the code that I've added before, can you please check it now.

    Feel free to ask for anything you need.

    Kind Regards


  • franzholstein replied

    Hello,

    no, now it's just opposite from what it was before. Please doublecheck my two suggestions from the post before.

    I copy paste again:

    No Hover: Picture + Title (white Font) + Black overlay around 15% or something. On Hover: Picture + Title (white Font), overlay disappears.

    Alternative, as it is with the donut pictures below the hero on landing page coming from your theme

    No Hover: Picture with 0.8 opacity + Title in white (no transparency) On Hover: Picture with 1 opacity aka no transparency + Title in white (no transparency)

    Kind regards
    Patrick


    1279714053.png

  •  867
    Neuron replied

    Hi Patrick,

    I am very sorry for the late reply, we were not working on the weekend.

    I've just updated the code again, can you please check it now.

    Feel free to ask for anything you need.

    Kind Regards


  • franzholstein replied

    Thank you very much, looks like I imagined, but doesn't appeal too much to me. Could you tell me where you change this, so I don't have ask you for minor changes?

    I would kindly ask you to do this one: All slides are a bit darker, when you hover over them, the dark overlay disappeares and title increases a bit in size, best would be with a small animation....
    Something like: No Hover: Picture with 0.8 opacity (dark overlay) + Title in white (no transparency)
    On Hover: Picture with 1 opacity aka no transparency + Title in white (no transparency) + FontSize increases a bit

    Let me know what you think.

    Kind regards
    Patrick

  •  867
    Neuron replied

    Hi Patrick,

    I've added the background color on the post element just like you've done before, then I've added the following code at Appearance > Customize >  Additional CSS to remove the background color on hover, so you can go and change the color if you want.

    - https://prnt.sc/14q3gyg

    .selector:hover .o-neuron-hover-holder .o-neuron-hover-holder__header__overlay {
        background-image: none !important;
    }

    Feel free to ask for anything you need.

    Kind Regards


  • franzholstein replied

    Hello,

    any chance to get an animation: increasing size of the text on hover?

    Kind regards

    Patrick

  •  867
    Neuron replied

    Hi Patrick,

    Sorry for the late reply,

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

    .row selector:hover .o-neuron-hover-holder__body-meta__title a  {
        font-size: 50px !important;
    }
    

    Feel free to ask for anything you need.

    Kind Regards


  • franzholstein replied

    Hello,
    this doesnt change anything on the portfolio font sizes. Could you please check again?

    Kind regards
    Patrick

  •  867
    Neuron replied

    Hi Patrick,

    I am very sorry for the late reply,

    I saw that there was a typo in the code that I've sent you, can you please add the following one and remove the one you've added before.

    .row .selector:hover .o-neuron-hover-holder__body-meta__title a  {
        font-size: 50px !important;
    }

    Feel free to ask for anything you need.

    Kind Regards


  • franzholstein replied

    Hello,

    thank you, that's very nice. Just one more thing: Would it be possible to have an animation, like slowly increasing size? 100ms or something appropriate?

  •  867
    Neuron replied

    Hi,

    I've added some code at Appearance > Customize > Additional CSS to add a transition when you hover to increase the font size, can you please take a look at it.

    Feel free to ask for anything you nede.

    Kind Regards


  • franzholstein replied

    Thank you

  •  867
    Neuron replied

    You are welcome anytime, feel free to ask for anything you need

    If you like our theme, please leave us a rate of 5 stars at ThemeForest, that would help us a lot.

    Kind Regards,
    NeuronThemes


  • franzholstein replied

    Hello,

    I use the following custom css with a slightly adjusted size of the font. When I switch to mobile view / responsive, the effect is not working properly. Could you please advise how to optimize it for mobile?

    .row selector:hover .o-neuron-hover-holder__body-meta__title a  {
        font-size: 50px !important;
    }
    .row .selector:hover .o-neuron-hover-holder__body-meta__title a  {
        font-size: 1.3em !important;
    }
    


    Also for the portfolio Item filter, the filter font size is very big and i cannot adjust this.

    2779299424.png


    thank you for your help

    Patrick

  •  867
    Neuron replied

    Hi,

    1) You can decrease the font size for the mobile view by adding the following code at Appearance > Customize > Additional CSS.

    @media (max-widh: 768px) {
        .row selector:hover .o-neuron-hover-holder__body-meta__title a  {
            font-size: 40px !important;
        }
        .row .selector:hover .o-neuron-hover-holder__body-meta__title a  {
            font-size: 1em !important;
        }
    }

    2) To change the font size of the filters can you please add the following code at Appearance > Customize > Additional CSS?

    @media (max-width: 768px) {
        .m-filters ul li a {
            font-size: 10px !important;
        }
    }
    

    Feel free to ask for anything you need.

    Kind Regards


  • franzholstein replied

    Hello,

    another questions as we're at the portfolio section: Is there an easy way to rearrange the order of portfolio Items? I've only found the option to download a plug in. Would be glad if there's already something in wordpress or Arteon included.

    Kind regards
    Patrick

  •  867
    Neuron replied

    Hi Patrick,

    Please go to the Portfolio List element > Query > Order, and there you can change the order of the portfolios on your page.

    https://prnt.sc/1nh6lb3 

    Feel free to ask for anything you need.

    Kind Regards


  •   franzholstein replied privately
  •   Neuron replied privately
  • franzholstein replied

    Hello,

    I still don't get this menu, Plug-In it was already installed. How can I find it? Where exactly do you edit the order of the elements?

    Also I have another question. I am using those portfolio Items

    1. How can I disable or at least change the layout of this page https://franzholstein.de/dev/portfolio/ I think it is required in order to have the portfolio working.
    2.  If this page really needs to exist, I would rather have it this way: https://franzholstein.de/dev/test-page/ and add some text & header to it. How could I realise this?

    You also have a login to the WP-admin of our page. But i'll share it again.

    I would be pleased it you could help us.

    Kind regards
    Patrick


  •  867
    Neuron replied

    Hi,

    I'm so sorry for the late reply, somehow I missed your ticket.

    There was an error in our code I've fixed the error now, so now you can go ahead and edit the Portfolio page.

    Feel free to ask for anything you need.

    Kind Regards


  • franzholstein replied

    Hello,

    thank you for the reply. I guess you have a lot of tickets to answer but please be so kind and answer all questions...

    1. where can I edit the order of the portfolio items? I don't find the section where you took the screenshot.
    2. is it possible to disable or redirect the https://franzholstein.de/dev/portfolio/ page or is it necessary? If so I will create a page for this as well.
    3. When editing anything on the portfolio I get the errorcode below4749510746.png

    Kind regards
    Patrick

  •  867
    Neuron replied

    Hi Patrick,

    I'm so sorry for missing out on these questions, it's true that we have lots of tickets, and we try to cover as much as possible.

    1) That screenshot was by an Element Pack element, but it will require the Pro version of the plugin, but you don't have to purchase it as there's an easy way to change the order of the portfolio items, as they're ordered based by date, you can go and just change the date of the posts, so you can change the minutes, hours or days, etc... of the portfolio items and that will work, so at the first portfolio that you want to show, you have to set the newest date.

    https://prnt.sc/1q9vjhe

    2) If you want to redirect a page, you can do that by going to the page settings > general > redirect, please check the attached screenshot.

    https://prnt.sc/1q9vh2w

    3) Can you please check the article below on how to fix it?

     - https://wordpress.org/support/topic/deprecated-block_categories-is-deprecated-since-version-5-8-0/

    Warmest Regards,
    NeuronThemes


  • franzholstein replied

    Hello,

    Your link didnt solve the problem for me. When I try to add "Posts" to a page, it gives the message, that there's something that needs to be updated. 

    https://we.tl/t-F5TFVYvSRq Here's a Screencapture.

    Already tried to disable woocommerce as i am not using it anyways, but didn't help. Please check it out. The link you posted for solving the issue was something different I suppose and the only real answer was to disable thirdparty plugins (I did) or that it'll be fixed with the next update, which has already been released.


    Kind regards
    Patrick

  •  867
    Neuron replied

    Hi,

    Can you please try to deactivate all the plugins (besides those that are required by the theme and Elementor plugin) and check if the issue is gone, if so, then you can activate them one by one until the issue is back, this will help us to know which issue may be causing.

    Feel free to ask for anything you need.

    Kind Regards


  • franzholstein replied

    I just disables everything except for Element Pack, Elementor and Neuron Core. Issue's still the same when I go to a page and add the Neuron Posts Item.

    5838831772.png


    7132581028.png


  •  867
    Neuron replied

    Hi Patrick,

    We've customized some code of the Neuron Core plugin and the issue is gone, we'll also release an update to fix it.

    Feel free to ask for anything you need.

    Kind Regards