I seem to be having re-occurring issues with styling individual parts of a wordpress page, but in this case it is the footer HTML code.

In the Footer, I have the following code:

<div id="Footer Shopping Info">
  <div class="Box">
    <div class="Box-Info">
      <div class="Box-Heading">

         <ul class="Shopping-Info-List">
            <h2>Shopping Info</h2>
            <li><a href="http://cutepinkboutique.com/Returns/">Returns</a></li>
            <li><a href="http://cutepinkboutique.com/Returns/">Expected Delivery</a> </li>
        </ul>

      </div>
    </div>
  </div>
</div>

I want to be able to individually style and change
H2 with the following code:

.box h2 {
  color: #ff63b1;
}

but the H2 line is not turning pink. Why is this?

I seemed to be having this alot lately, and I know that
its pulling from a global element. How can I box off
code so that I can change things individually?

Read more here: Changing Footer Styles – WordPress


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.


Wordpress related questions and answers: