Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #83990
    Anton
    Participant

    How to make a photo with a link changes when the mouse is brought (At least a marquee or darkening ) Help please

    #84035
    Mahesh
    Keymaster

    Hi @Anton,

    Please post in your site url. And please specify where is the site you want it.

    Regards,
    Mahesh

    #84103
    Anton
    Participant

    Hi @Mahesh

    url http://www.xn--80aaomcqcorfemf5k.kiev.ua/

    To set the default , when you create a picture with the link and
    hover the mouse over it- obtained by the action( shade, zoom, anyway) Thank you

    #84104
    Anton
    Participant

    Hover

    #84214
    Mahesh
    Keymaster

    Hi @Anton,

    For zoom on hover in slider, go to “Dashoboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS:

    #feature-slider .slider-image a img {
      transition: all .3s ease-in-out; 
    }
    
    #feature-slider .slider-image a:hover img {
      transform: scale(1.1);   
    }
    
    #feature-slider .slider-image {
      max-height: 513px;
      overflow: hidden;
    }

    Regards,
    Mahesh

    #84226
    Anton
    Participant

    Hi @Maesh!
    Thanks for the code

    But i want to change the image that are under slider

    http://www.xn--80aaomcqcorfemf5k.kiev.ua/
    Look under the slider

    pictures with links. Tahk you, man

    #84227
    Anton
    Participant

    when I point a mouse on a picture with link on page

    #84297
    Mahesh
    Keymaster

    Hi @Anton,

    For the hover effect in images under slider, go to “Dashoboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

    .post-160 a img {
        -moz-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
      
    .post-160 a:hover img {
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    Regards,
    Mahesh

    #84320
    Anton
    Participant

    Hi @Maesh! Tank you so much! It then what I wanted. Good day

    Yet question)
    How to put heading (H1) on a center?

    #84327
    Mahesh
    Keymaster

    Hi @Anton,

    For that, go to “Dashoboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

    .post-160 .entry-title {
        text-align: center;
    }

    Regards,
    Mahesh

    #84330
    Anton
    Participant

    And again thank you, friend!

    #84345
    Mahesh
    Keymaster

    Hi @Anton,

    Thank you for your appreciation.

    Regards,
    Mahesh

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘CSS’ is closed to new replies.