SYDNEY PRO: Button sizes

Hello,

I use the button widget on my site, and I often have two buttons side by side.

For example, see https://badproducerproductions.com/game-changers-radio/ and https://badproducerproductions.com/the-garret/.

I would like to make the buttons the same size (or at least the buttons on the same page the same size).

Can you please help.

Bad Producer

Hello there,

Visiting this page https://badproducerproductions.com/the-garret/. returns not found. I guess you replaced it with this one https://badproducerproductions.com/garret/.

To set equal buttons’ width on those 2 pages, you can add the below custom CSS code:


@media only screen and (min-width:400px){
  
  #pg-990-3 .so-widget-sow-button a,
  #pg-1451-4 .so-widget-sow-button a{
    width: 390px;
    max-width: 100%;
  }
  
}

Regards,
Kharis

Hello Kharis,

Thank you.

How do I add this code to Appearance > Customise without deleting the previous changes I have there?

See another thread where I am having the same difficulty: https://athemes.com/forums/topic/sydney-pro-crelly-slider-and-theme-fonts/#post-711213

Bad Producer

Hello there,

You don’t need to delete anything, just insert the new code in a new line underneath the previous one.

Regards,
Kharis

Thank you, this worked perfectly.