Feature Box And Icon List Plugins

Read More
Mon. - Fri. 9 am - 5 pm Support Policy
Remember me

Styling the blog pagination

1 week 4 days ago #1

  • Abdulhalim's Avatar
  • Abdulhalim
  • Posts: 121
Hello,

I guess there is no easy way to style the blog pagination.
Anyway, since the pagination icons is based on the Material design, how can I change the forward and backward icons? :whistle:

How can I use icons class?
https://material.io/tools/icons/?style=baseline


best regards,
Abdulhalim

1 week 3 days ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 5845
Hello,
Thank you for contacting us

Send us a link to page with problem.
Specify what icons you want to replace to what icons

Regards,
Vyacheslav, Balbooa.com

1 week 3 days ago #3

  • Abdulhalim's Avatar
  • Abdulhalim
  • Posts: 121
Hello Vyacheslav,

There is no problem I solved icon problems, just another issue, I couldn't change the background of active "li".
www.dorsawi.com/blog

Best regards,
Abdulhalim

1 week 3 days ago #4

  • Abdulhalim's Avatar
  • Abdulhalim
  • Posts: 121
By the way, I have another problem!



As you see in the above snapshot, there is a margin in the right side in (RTL), almost in two or three pages I have this problem,
I need to remove this in responsive view.

1 week 3 days ago #5

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 5845
Hello

You need to add CCS code:
.ba-blog-posts-pagination span.active a {
    background: #ff0000;
}

@media (max-width: 1024px){
	.body [class*="span"],
	.footer [class*="span"],
	[class*="span"] {
	    margin-right: 0;

	}
}

Regards,
Vyacheslav, Balbooa.com

1 week 3 days ago #6

  • Abdulhalim's Avatar
  • Abdulhalim
  • Posts: 121
Hello Vyacheslav,

Thank you for your tip, It solves the pagination problem,
but there is a margin on the right side.

Regards,
Abdulhalim

1 week 3 days ago #7

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 5845
You need to add !important;

Use this code
.ba-blog-posts-pagination span.active a {
    background: #ff0000;
}

@media (max-width: 1024px){
	.body [class*="span"],
	.footer [class*="span"],
	[class*="span"] {
	    margin-right: 0 !important;
	}
}

Regards,
Vyacheslav, Balbooa.com

1 week 3 days ago #8

  • Abdulhalim's Avatar
  • Abdulhalim
  • Posts: 121
The problem persists, there is a margin on the right.

P.S I clear all cached

1 week 19 hours ago #9

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 5845
Hello,

As we can see, "!important" has not been added.
Try disabling compression.

Regards,
Vyacheslav, Balbooa.com

1 week 19 hours ago #10

  • Abdulhalim's Avatar
  • Abdulhalim
  • Posts: 121
Hello,

Thank you,
It was about compression!

Best regards,
Abdulhalim

1 week 18 hours ago #11

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 5845
You are welcome ;)
Powered by Kunena Forum