需要更改PHP / CSS

Question

我开始在wordpress上使用一些PHP，但是遇到了麻烦

我正在尝试做的事情： 1.在图片库中每张图片的底部添加一个按钮，共有4行4列

我做了什么：

1. 我创建了一个儿童主题，并将page.php文件复制到了他们的孩子中
2. 将这样的div添加到我的php文件中：<div class="button"></div>

3. 将以下CSS添加到了我的style.css

   .page-id-482  div.button{
     background-color: #4CAF50;
     border: none;
     color: white;
     padding: 15px 32px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-size: 16px;
     margin: 4px 2px;
     cursor: pointer;
     border-radius: 15px;
   }
   

我对在图库中的每个图像上添加按钮需要做些什么。每次更改CSS时，我都无法移动按钮。当前位于我将其放置在PHP中的位置。我需要更改CSS，但不确定如何。

查看图片：