📢 Display additional product images on WooCommerce archive pages with xThumbs - Image Flipper For WooCommerceBuy Now!
Public Ticket #4253

Variation table pagination

Eproject

Eproject

Hi,

the pagination number at the bottom of the variation table are very little and difficult to press, especially on mobile phones, how ca I change the aspect of the pagination buttons?

I would want a dark blue background, white number, large font and a certain padding between buttons, I tried to use this CSS without results:

.btn.btn-light.active {
background-color: #007bff; /* Blu */
color: #ffffff; /* Testo bianco */
padding: 10px 20px; /* Dimensioni medie */
font-size: 16px;
border: none;
border-radius: 4px;
margin: 8px; /* Spaziatura tra i bottoni */
display: inline-block;
text-align: center;
text-decoration: none;
transition: background-color 0.3s ease;
}

.btn.btn-light.active:hover {
background-color: #0056b3; /* Colore più scuro al passaggio del mouse */
color: #ffffff;
}

 

wpxteam

wpxteam

Hi,

I hope that you are doing great.

We have a built-in option for customization.

Rather than trying custom CSS, please try to customize from here.

Let me know if this helps achieve your goal and resolve the issue.

I will wait for your feedback.

Thank you

Eproject

Eproject

Hi, thank you, your solution only partially resolves my issue, i would want to increase the font size of buttons and increase the distance between buttons.

Can you help me, as I'm a programmer you can also tell me were the css is stored!

Thank you,

Best regards!

wpxteam

wpxteam

Hi,

Please try the following selector:

.pvtfw_variant_table_block table.variant a.btn {
font-size: 20px;
color: red !important;
}

I have checked this product and it seems to work.

Let me know if this helps.

Thank you

Products
Ticket Label