Pagination problem, How I can remove the current page from right side ?

Hello,

I have pagination, Everything works fine. But I need to remove current page from right side.

Here it is 7 (In Screenshot)


My code :

PHP Code:

$this->load->library('pagination');
            $config = array();
            $config["base_url"] = base_url() . "rent";
            $config["total_rows"] = $this->listing_model->countListing("Rent");
            $config["per_page"] = 12;
            $config["uri_segment"] = 2;
            $config['full_tag_open'] = '<nav aria-label="Page navigation"><ul class="pagination">';
            $config['full_tag_close'] = '</ul></nav>';
            $config['next_link'] = 'Next';
            $config['prev_link'] = 'Previous';
            $config['next_tag_open'] = '<li>';
            $config['next_tag_close'] = '</li>';
            $config['prev_tag_open'] = '<li>';
            $config['prev_tag_close'] = '</li>';
            $config['num_tag_open'] = '<li>';
            $config['num_tag_close'] = '</li>';
            $config['first_link'] = 'First';
            $config['last_link'] = 'Last';
            $config['cur_tag_open'] = '<li class="active">';
            $config['cur_tag_close'] = '</li>';
            $config['first_link'] = FALSE;
            $config['last_link']  = FALSE;


            $this->pagination->initialize($config);

            $page = ($this->uri->segment(2)) ? $this->uri->segment(2) : 0;

            $data["links"] = $this->pagination->create_links(); 


Attached Files

Thumbnail(s)
   

it looks like it is a CSS styling problem not related to backend code.

some styles given to .active class making it to display in this way

I have seen that also before and it was due to extra code in the html file
on the end of the statement.

This was a bootstrap html page with a font awesome <i> tag.

What did you Try? What did you Get? What did you Expect?

Joined CodeIgniter Community 2009.  ( Skype: insitfx )

I have seen that also before and it was due to extra code in the html file
on the end of the statement.

This was a bootstrap html page with a font awesome <i> tag.

Where I can change that buddy

You can't remove it with Codeigniter, it's hardcoded in there. You will need to hide it with CSS.

Code:

ul.pagination li.active {display: none;}

Or better yet style it. Here is a bootstrap example:
https://getbootstrap.com/docs/4.3/compon...ive-states

@jreklund

Buddy, still not working

screenshot is in attachment what I'm actually looking for.

Actually Code from the template 

Code:

<nav aria-label="Page navigation">
                   <ul class="pagination">
                       <li>
                           <a href="properties-list-leftside.html" aria-label="Previous">
                               <span aria-hidden="true">«</span>
                           </a>
                       </li>
                       <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
                       <li><a href="properties-list-leftside.html">2</a></li>
                       <li><a href="properties-list-fullwidth.html">3</a></li>
                       <li>
                           <a href="properties-list-fullwidth.html" aria-label="Next">
                               <span aria-hidden="true">»</span>
                           </a>
                       </li>
                   </ul>
               </nav>

My Codeigniter pagination config

PHP Code:

public function sale()
{
    $this->load->library('pagination');
            $config = array();
            $config["base_url"] = base_url() . "sale";
            $config["total_rows"] = $this->listing_model->countListing("Sale");
            $config["per_page"] = 12;
            $config['num_links'] = 2;
            $config['full_tag_open'] = '<nav aria-label="Page navigation"><ul class="pagination">';
            $config['full_tag_close'] = '</ul></nav>';
            $config['next_link'] = 'Next';
            $config['prev_link'] = 'Previous';
            $config['next_tag_open'] = '<li>';
            $config['next_tag_close'] = '</li>';
            $config['prev_tag_open'] = '<li>';
            $config['prev_tag_close'] = '</li>';
            $config['num_tag_open'] = '<li>';
            $config['num_tag_close'] = '</li>';
            $config['first_link'] = 'First';
            $config['last_link'] = 'Last';
            $config['cur_tag_open'] = '<li class="active">';
            $config['cur_tag_close'] = '</li>';
            $config['first_link'] = FALSE;
            $config['last_link']  = FALSE;


            $this->pagination->initialize($config);

            $page = ($this->uri->segment(2)) ? $this->uri->segment(2) : 0;

            $data["links"] = $this->pagination->create_links();
            $data['listRecords'] = $this->listing_model->showListing("Sale", $config["per_page"], $page);
            $data['title'] = 'Sale';
            $data['main_content'] = 'sale';
            $this->load->view('template', $data);

} 


Attached Files

Thumbnail(s)
   

Can you make necessary changes and help out me with it ?

This is a CSS matter. And can't be changed with Codeigniter settings.

https://www.w3schools.com/cssref/pr_back...-color.asp
https://www.w3schools.com/cssref/pr_text_color.asp

Apply your styling inside this tag.

Code:

ul.pagination li.active {
background-color: green;
...
...
...
}