Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • November 13, 2013 at 10:41 pm #188028
    gentlemansgazette

    Hi there,
    I already read this https://kriesi.at/support/topic/rollover-disc-arrow-replacement-part-2/
    but I don’t want to use a different icon. Instead I want to use a png file of my logo (the same I am using as an avatar here in the forum)
    Is that possible?
    Thanks

    November 13, 2013 at 10:58 pm #188035
    Smaskit6

    following…

    November 13, 2013 at 11:38 pm #188059
    Josue

    Hey!

    Try with this code:

    .image-overlay.overlay-type-extern .image-overlay-inside::before{
	content: url(https://1.gravatar.com/avatar/707b60c56bd8d542ae9f872631c1aefa?s=80&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D80&r=G);
}

    Cheers!
    Josue

    November 14, 2013 at 12:13 am #188080
    gentlemansgazette

    Thanks, that worked. If I want to use a different picture down the line can I just exchange the link?

    November 14, 2013 at 12:22 am #188090
    Josue

    Hi!

    Yes, just change what’s inside those parenthesis and you are good to go :)

    Cheers!
    Josue

    November 14, 2013 at 12:54 am #188111
    gentlemansgazette

    Hi Josue, I still see the other logo in pictures of posts.

    Look here.

    November 14, 2013 at 1:05 am #188118
    Josue

    Hi!

    Try with this:

    .image-overlay.overlay-type-extern .image-overlay-inside::before, .image-overlay.overlay-type-image .image-overlay-inside::before{
	content: url(https://1.gravatar.com/avatar/707b60c56bd8d542ae9f872631c1aefa?s=80&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D80&r=G);
}

    Cheers!
    Josue

    November 15, 2013 at 4:00 pm #189238
    gentlemansgazette

    Hi Josue,

    After having it used for a day, I find these picture animations way too annoying. How can I turn them off completely? I don’t want anything to happen when people hover over pictures…

    Best, Raphael

    November 15, 2013 at 4:03 pm #189243
    Yigit

    Hi!

    Please add following code to Quick CSS to remove hover effect

    .image-overlay { display: none!important; }

    Cheers!
    Yigit

    January 3, 2014 at 2:47 pm #204998
    Munford

    Hi,
    I tried using this code: .image-overlay { display: none!important; } in the quick css to remove the red circle/arrow image rollover but it doesn’t do the job. What am I doing wrong? see: http://www.copenhagenfilmcompany.dk/2014/about-us/

    January 3, 2014 at 5:34 pm #205038
    Yigit

    Hey!

    It seems like code is not being applied. Please try adding it to bottom of Style.css file of your child theme in Appearance > Editor

    Cheers!
    Yigit

    February 3, 2014 at 9:53 pm #218997
    studioinktvis

    Hi, I’m using the dutch wordpress and the Enfold child theme. It is not clear to me were I should put the code to replace the arrow with my own png image. Please advice.

    Best regards

    Mary-Ann

    February 4, 2014 at 2:45 am #219100
    Josue

    Hey!

    Go to Appearance > Editor and look for the style.css file, it should look like this:

    Paste the code there.

    Cheers!
    Josue

    February 4, 2014 at 10:14 am #219250
    studioinktvis

    It worked. But the hart png is not in the middle of the circle. See http://www.babystuffcompany.nl What am I doing wrong?!

    February 4, 2014 at 10:20 am #219252
    studioinktvis

    I’m sorry, I was to quick with asking for help. I’ve solved it. The png should be 80×80.

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘How to exchange default picture rollover symbol with custom png picture?’ is closed to new replies.