-
Hello,
I have created a global style for pagination buttons called ‘Pagination-buttons’.
I have the following issues:
1. The default button color is blue and on hover is black. I dont know from where this is coming. Although, I have properly set the color in this global style. I have currently applied this to only 1 button i.e. Previous.
2. I am not able to figure out the option to set the color for current page. Which means if the page is 2nd, the button color should change accordingly. There used to be such option in GB blocks earlier.Kindly help.
You can check it yourself using the private info.
-
Updating the private information.
-
Hi there,
The default button color is blue and on hover is black. I dont know from where this is coming.
It was set under the Colors block settings. See here: https://cln.sh/DZQ2knCcVBJsDWt7s2R9
I am not able to figure out the option to set the color for current page. Which means if the page is 2nd, the button color should change accordingly. There used to be such option in GB blocks earlier.
I’m not aware of a way to set this up directly from the block editor. Typically, this can be achieved using custom CSS, as it requires targeting the current pagination state.
-
Hi Alvind,
This was a feature in the earlier version of Generate blocks. I had tried it myself. I am just talking about the current page. The pagination number should indicate the current page.
Regards
Amit -
Ah, okay now I understand what you mean. You can select the Page Numbers block and set the current page color using the “Current” color setting. See this reference: https://cln.sh/SQQ6W2p8FbdXF2SQWkhc
-
Thanks Alvind. I will try this out.
I have applied a global style called ‘pagination-button’ to the Previous button. But the padding setting doesnt work at all. Even if I put 50px, it doesnt 😀
Where am I going wrong?
-
Sorry, pls ignore. The padding was applied to buttons already, so those were taking affect 😀
-
Glad to hear that 🙂
-
Hi Alvind,
For the current page color, I can see the ‘Color’ option directly under the Page number blocks.
However, I have created a style for this block. When I edit the style, I cannot see this ‘Color’ option and hence no place to choose Current.
Kindly help.
-
Unfortunately, there is no option to set that in the V1 Global Styles UI. If you want to define a global style for the numbered pagination button’s current state, you will need to use custom CSS.
Here’s an example:
.entry-content .gb-block-is-current { background-color: red; } -
OK understood. Please take a feature request for this 🙂
-
For sure, thanks for the feedback 🙂
- You must be logged in to reply to this topic.