Changing Footer Styles – WordPress

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="">Returns</a></li>
            <li><a href="">Expected Delivery</a> </li>


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

Leave a Reply

Your email address will not be published. Required fields are marked *