Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 28, 2016 at 11:08 pm #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

    January 29, 2016 at 12:12 pm #84035
    Mahesh
    Participant

    Hi @Anton,

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

    Regards,
    Mahesh

    January 30, 2016 at 1:23 am #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

    January 30, 2016 at 1:32 am #84104
    Anton
    Participant

    Hover

    January 31, 2016 at 10:21 am #84214
    Mahesh
    Participant

    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

    January 31, 2016 at 1:43 pm #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

    January 31, 2016 at 1:53 pm #84227
    Anton
    Participant

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

    February 1, 2016 at 10:11 am #84297
    Mahesh
    Participant

    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

    February 1, 2016 at 1:11 pm #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?

    February 1, 2016 at 2:03 pm #84327
    Mahesh
    Participant

    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

    February 1, 2016 at 2:37 pm #84330
    Anton
    Participant

    And again thank you, friend!

    February 1, 2016 at 4:40 pm #84345
    Mahesh
    Participant

    Hi @Anton,

    Thank you for your appreciation.

    Regards,
    Mahesh

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