Buttons are not scaling

• 

  aptem87 · Member · Feb 28, 2019 at 5:57 pm

  • Copy link
  • Add topic to favorites

  Hi, I’m having some issues with button scale as they are not scaling at all, even on mobile devices. Could someone help me please?
  Buttons are created using wordpress blocks.
  Here’s the CSS for buttons:

  .buttons {
  	position:absolute;
  	bottom:-1%;
  	max-width:100%;
  	max-height:100%;
  	min-width:20%;
  	min-height:20%;
  	width:auto;
  	height:auto;
  }

  I’m also having an issue with some strange white line at the bottom of my background video, does anybody know how to get rid of it please?
  White Line At the Bottom

  The blog I need help with is: (visible only to logged in users)

• 

  kaitohm · Staff · Mar 2, 2019 at 6:07 am

  • Copy link

  Hi @aptem87 ,

  OK. Let me see how I can help…

  First, let me confirm, are the buttons you are trying to edit those that appear under your video on the home page? If so, then the CSS class you want to edit is .wp-block-button__link. To make the buttons scale on different devices, first try adding the following code to your CSS customizer.

  .wp-block-button__link {
  font-size: 3vw;
  padding: 5% 10%;
  }

  Hopefully, that should resize the buttons. However, we would still have to edit the positions of the buttons. Currently, it seems you have the buttons placed inside the column block. Actually, your code seems to indicate you have 4 or 5 layers of columns nested inside each other. This is making editing the positions of the buttons rather difficult. Do you think you could remove the buttons from the column block and put them in a row under the video for the moment? It would help me work out the exact CSS you need to edit their positions.

  As for the white line underneath your video, I am not seeing that in my browser. Is the problem continuing on your end? If so, try deleting your browser cache. If that doesn’t work, let us know what browser and device you see the problem on. Does it happen if you change browsers/devices?

  Finally, just in case you didn’t know… Seeing you have a paid plan with WordPress.com, you are entitled to free chat support with staff! Although I have no problem helping you here in the forums :), you also have access to instant support from the pros, if you’re interested. You can start your chat session here.
  https://wordpress.com/help/contact

  All the best!