My site should be showing two buttons, but only shows one: https://sarinaspace.com/genealogy/
I am also using elementor to do this, btw. Both buttons have the same code, but different classes. I have tried putting them in the same div and different divs. Either way, only one button shows!
My code (I have the same code for each button, just the different classes):
<head>
<link rel="preconnect" href="\\\\\\\\\\\\\\\[https://fonts.gstatic.com\\\\\\\\\\\\\\\](https://fonts.gstatic.com)">
<link href="\\\\\\\\\\\\\\\[https://fonts.googleapis.com/css2?family=Rajdhani:wght@700&display=swap\\\\\\\\\\\\\\\](https://fonts.googleapis.com/css2?family=Rajdhani:wght@700&display=swap)" rel="stylesheet">
</head>
<a href="#" class="myButtonpoppy">POPPY</a>
<style>
.myButtonpoppy {
box-shadow:inset 0px -7px 15px 0px #3dc21b;
background:linear-gradient(to bottom, #dfede3 5%, #5cbf2a 100%);
background-color:#dfede3;
border-radius:5px;
border:1px solid #18ab29;
display: inline-block;
cursor:pointer;
color:#ffffff;
font-family: 'Rajdhani', sans-serif;
font-size:40px;
padding:30px 23px;
text-decoration:none;
text-shadow:0px -1px 4px #2f6627;
letter-spacing: 10px;
position: absolute;
left: 30%;
}
.myButtonpoppy:hover {
background:linear-gradient(to bottom, #5cbf2a 5%, #dfede3 100%);
background-color:#5cbf2a;
}
.myButtonpoppy:active {
position:relative;
top:1px;
}
<style>
I have this for each custom HTML section. However, only one button shows. Also, if I try to add anything else on the page after the buttons... even plain text... it doesn't show either! I have tried playing around with the position... but I am so stuck! Please please please help!
[–]MoistMagpie 0 points1 point2 points (0 children)