custom the button

Posted in: Newspaper
Post count: 312

Hi,

Could you help me to custom the button in this article ?

https://lowtechnation.com/metiers-avenir-agriculture-foret-peche-2030/

.td_btn_normal :hover {
background-color: linear-gradient(156deg, #ffac4f 30%,#ffac4f 80%);
}

This one doesn’t work

Kind regards

Post count: 35449

Hi,

Please try this custom css -> https://i.imgur.com/MZxMCxe.png
.wp-block-button.is-style-round .wp-block-button__link:hover {
background: linear-gradient(156deg, #ffac4f 30%,#ffac4f 80%)!important;
}

The code need to be set in theme panel> custom code> custom css.

Hope this will help you!

Post count: 312

thank you, it works but on this page AMP the button is round, is there is a way to make it look like desktop version ? Because it’s very ugly.

https://lowtechnation.com/livres-low-tech/?amp

  • This reply was modified 6 years by gumball44.
  • This reply was modified 6 years by gumball44.
  • This reply was modified 6 years by gumball44.
Post count: 35449

Hi,

The amp version will be on mobile and you can not make the hover on mobile devices, but if you want you can set it in Theme panel> Mobile theme > Custom code> css it should apply on amp too.

Thank you!

Post count: 312

How do you explain the button difference between thoses two pages in amp version ? It’s exactly the same button on desktop

https://lowtechnation.com/livres-low-tech/?amp
https://lowtechnation.com/metiers-avenir-agriculture-foret-peche-2030/?amp

  • This reply was modified 6 years by gumball44.
Post count: 35449

Hi,

Is look like there are applying different style -> https://i.imgur.com/1xMgOlu.png indeed the question is way? it should be the same, that is the only post that has this difference for button?

Thank you!

Post count: 312
Post count: 312

I found the problem ! Thank you

Post count: 35449

Hi, I’m glad that the problem was been solved!
If you have other questions, let us know!
Have a nice day!

Viewing 9 posts - 1 through 9 (of 9 total)
The forum ‘Newspaper’ is closed to new topics and replies.