Site logo

Archived topic

Blinking link/button div

7 replies · Started by Kle on April 16, 2018

Viewing posts 1–8 of 8

Hi,

I have a problem with a page that I am translating, a button/link I created with a div with borders blinks when cliking it. The button/link loads a hidden text. The div/border/background gets smaller while loading the text and I wish it didin't do that.. I've been trying to remove the blinking with css with no success. Not sure if you could help me with tis but I will really apreciate a look into it.

The button/link is called "C° / READ TEXT" and is located bellow the name of the page.

Thank you.

It looks like the button is using javascript to change the text. However, the javascript seems to remove the text first, show the div, then update the text. That's the cause of the blinking.

Hi Tom, thank you for taking a look at that, I am not sure what to do about that yet.

While we are at it, I've been meaning to post about this, it's a similar issue but in this case it has to do with my GP menu and page in general. Whenever I click on a link on my menu, it jumps when reloading, the scroll bar appears and disappears (fast but noticeable) and some things blink. The arrows of my menu (the ones showing there’s a submenu) appear and disappear too.

I uploaded a video of this, the link it's on the opening post of this topic.

Your GP website (https://generatepress.com) doesn't do that when reloading/clicking links on the menu, it doesn't show the scroll bar appearing and disappearing etc. How can I have my site to behave like that as well?

Thank you Tom.

Is there a specific page I should be looking at? I'm not experiencing any weirdness or blinking.

Hello, Tom,

Is it possible to apply css on logo to blink it

I have try to add css on class="site-logo" {
animation: blinker 1.5s step-start infinite;
display: inline-block;
max-width: 100%;
}

but I have no response,

Hi there,

where is the rest of the CSS for the blinker animation ?

I have not complete css. I was just try with this little code. But later I have collected complete css and apply that. Then it was successfully, Done. right now, thanks David to response me. you have good job for us.

Glad to hear that!

This archived topic is closed to new replies.