Special Effects on the Theme

  • Author
    Posts
  • unitehearts

    @condorito – I tried the Ken Burns – it didnt work – am I doing something wrong with the code. Please guide.


    @ihor
    – the typing on the website – which goes on – and then deletes itself – and changes is nice – how do you do this ?

    ihordeveloper

    You can try using this plugin https://wordpress.org/plugins/mrlegend-typedjs/ I used a standalone script, but it requires code changes.

    unitehearts

    Thanks – this works nicely – Obviously the user may not know how to use Shortcode – so is there a way to Animate A Text Box for all users in a certain way.
    Also to Animate an Attribute – maybe the Phone Number etc

    ihordeveloper

    Sorry, but this requires customizations and it’s not related to HivePress functionality.

    condorito

    @unitehearts :
    It does not work, because you did not put the CSS as I said in the style.css file.
    Besides, you may be a new WP user, but it is bad practice to work directly on the theme, you need to use a child theme (Google it up, you even have plugins for that). Otherwise if the theme is updated your custom additions and changes will be deleted. This holds especially true for the style.css file by the way.

    My two cents.

    unitehearts

    @condorito – I followed your advice – made a new child theme – using a Plugin for that.
    And added the css to the style.css

    still no luck – pls guide.

    condorito

    After some search I can see you have a css called style.css in your child-theme, but it is not displayed in the html source code of your page.
    consider moving the code in ctc-style.css, which is registered.

    Besides, the spelling is incorrect : .hp-listing–view-block…
    “–” does not make sense.

    unitehearts

    @condorito thank you for your help.

    i did what you said – posted it in the ctc-style.css
    /*kenburns effect on image listing*/
    .hp-listing–view-block .hp-listing__image {overflow:hidden;margin-bottom: 5px;}
    .hp-listing–view-block .hp-listing__image img {width: 100%;margin-left: 0px;position: relative;transition-property: all;transition-duration: 0.8s; transition-timing-function: ease-in-out;transition-delay: 0s;}
    .hp-listing–view-block:hover .hp-listing__image img {transform: scale(1.1) /*rotate(2deg);*/}

    This is what I posted.
    This is the Listing Page https://unitehearts.in/listing/
    still no luck – pls guide

    condorito

    What do you see inside this ctc-style.css ?

    As for me, I can’t see much of the CSS code…

    condorito

    Actually the “g— is still there.

    unitehearts

    It seems fine when I am posting it

    Here is the link to the screenshot of the ctc-style.css

    https://pasteboard.co/J981Rzm.png

    Pls see if the same error is showing here –

    unitehearts

    i am also using this Plugin – maybe this has some effect on your code ?
    Multiple Themes
    Settings | Deactivate
    Select different Themes for one or more WordPress Pages, Posts or other non-Admin pages. Or Site Home.

    Version 7.1.1 | By David Gewirtz | View details

    unitehearts

    @condorito Thank you for helping – do have a look when you find time.

    unitehearts

    @condorito

    I am still trying to get the Ken Burns effect – i made a new test site – here is the listings page.

    https://unitehearts.in/atestsite/listings/

    this is the code i put into the style.css – pls advise what is the reason for it not working. thank you.

    /*kenburns effect on image listing*/
    .hp-listing–view-block .hp-listing__image {overflow:hidden;margin-bottom: 5px;}
    .hp-listing–view-block .hp-listing__image img {width: 100%;margin-left: 0px;position: relative;transition-property: all;transition-duration: 0.8s; transition-timing-function: ease-in-out;transition-delay: 0s;}
    .hp-listing–view-block:hover .hp-listing__image img {transform: scale(1.1) /*rotate(2deg);*/}

    unitehearts

    Plugins in use are few

    Code Snippets

    Colorlib Login Customizer

    HivePress

    HivePress Authentication

    HivePress Claim Listings

    HivePress Favorites

    HivePress Geolocation

    HivePress Messages

    HivePress Paid Listings

    HivePress Reviews

    Restrict Usernames Emails Characters

    Social Login

    WPForms Lite

    WPS Hide Login

Viewing 15 posts - 1 through 15 (of 24 total)

You must be logged in to reply to this topic.

Subscribe

Sign In

Don't have an account? Register

Forgot password?

Register

Already have an account? Sign In

Forgot password?

Reset Password

Please enter your username or email address, you will receive a link to create a new password via email.