Hello,
I Would like to edit the amp block button with css customizations here: mobile theme > custom css
But it looks like the selector is not working: div.wp-container-1.wp-block-buttons > div > a:not(#_#_#_#_#_#_#_#_) – it looks like this.
Could you please help me how can i change the css of the certain button in AMP mode please?
Thanks,
Laszlo
Hello Laszlo,
Please provide the link to your website and let me know what button you want to change the style.
Thank you!
Hello,
I would like to edit the default wordpress block button here: https://laptop360.hu/2022/10/18/asus-vivobook-x515f%ef%bf%bc/
It changes the style with amp and thats the core issue, since i am unable to find the selector.
Thanks
Hello,
Please check this code .wp-block-button .wp-block-button__link {
border-radius: 0;
cursor: pointer;
display: inline-block;
position: relative;
font-family: 'Open Sans', arial, sans-serif;
font-weight: 600;
padding: 9px 12px;
font-size: 16px;
line-height: 20px;
color: #EC3535;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
background-color: #444 !important;
text-decoration: none !important;
color: #0790DE;
}
Set the code in Newspaper -> Theme panel -> Mobile Theme -> Custom code.
Thank you!
Hello,
Thanks, this one is worked perfectly.
May i apply the same hover effect as you see here on non-amp? – https://laptop360.hu/
Button text: “Még több” – May i apply the same hover effect on AMP buttons either?
Thanks a lot!
Hi,
you can try to add the code in Theme Panel -> Custom Code -> Custom Css and check the results.
Thank you!
Hello,
Thanks, i tried to add box shadow to the code you provided but no use. Also no effect with the hover css.
Could you please help me?
Thanks
Hello,
I just checked and you have some shadow on the buttons, so seems you managed it -> https://i.imgur.com/rEVOGlp.png
Have a nice weekend!
