Buttons alignment within column content

Hey tremblayly,

First off, thanks for using our theme :)

To solve this, you just need to change the font-size from the buttons using this custom CSS code:

@media only screen and (max-width: 769px) {
    .iconbox .avia-button-wrap span {
        font-size: 13px !important;
    }
}

Best regards,
John Torvik

Hi,

Try adding this css code in Quick CSS:

 @media only screen and (max-width:1024px) and (min-width:768px) { 
  .page-id-1227 #av_section_4 .flex_column.av_one_third .iconbox {
    position: static;
  }

  .page-id-1227 #av_section_4 .flex_column.av_one_third .iconbox .avia-button-wrap {
    width: 160px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -80px;
  }

  .page-id-1227 #av_section_4 .flex_column.av_one_third .iconbox .avia-button-wrap > a {
    padding: 15px !important;
  }
}

Let us know if this helps :)

Best regards,
Nikko

Hi Lyse,

The changes should be seen on a tablet or ipad. Did you put the code in Quick CSS? if yes, if you have a caching plugin try to flush the cache, if not, can you give us temporary admin access? so we can check why it’s not working.

Best regards,
Nikko

Hi Lyse,

I think it is still cached. I have posted screenshots and links in Private Content, the first one is the screenshot on style.css in the editor and it shows that the code has been added. But if you check on the site and view source, then find the link of child theme’s style.css and view the code, you should see the code is not showing up there (screenshot 2). Can you disable the caching plugin? and check if the code is working.

Best regards,
Nikko