Page 1 of 1

Pagination - fas fa-angle-left

Posted: Fri Apr 01, 2022 7:22 pm
by Dnj1964
Wanting to change fas fa-angle-left & fas fa-angle-right color and background.

Tried

Code: Select all

.pagination pagination-lg justify-content-end .fas fa-angle-right { 
                    color: #B62285;
                    background-color:#FDE6FD;
                    }
                    
                    
.fas fa-angle-right { 
                    color: #B62285;
                    background-color:#FDE6FD;
                    }
Looking at page code

Code: Select all

<div class="row align-items-center">
<div class="col-sm-6 d-none d-sm-block">
      Displaying <strong>1</strong> to <strong>7</strong> (of <strong>7</strong> products)    
</div>
    <div class="col-sm-6">
      <nav aria-label="...">
	  <ul class="pagination pagination-lg justify-content-end">
	  <li class="page-item disabled">
	  <a class="page-link" href="#" tabindex="-1">
	  <i class="fas fa-angle-left"></i></a>
	  </li><li class="page-item active">
	  <a class="page-link" href="" title=" Page 1 ">1<span class="sr-only">(current)</span></a></li>
	  <li class="page-item disabled">
	  <a class="page-link" href="#" tabindex="-1">
	  <i class="fas fa-angle-right"></i>
	  </a>
	  </li>
	  </ul>
	  </nav>    
	  </div>
	  </div>

Re: Pagination - fas fa-angle-left

Posted: Fri Apr 01, 2022 9:26 pm
by ecartz

Code: Select all

.fas.fa-angle-right {
or just

Code: Select all

.fa-angle-right {
A space is a descendant selector there, so you do not want spaces between the CSS classes. You want to select both classes and that's what . does. You could also just specify the second class. Because it would never be used without the first class.