Put buttons at the bottom of the columns

Hi Rikard,

thank you or your answer. However I think my question was about the orange buttons.

I would like the buttons to be at the same height on each box. Basically all the button to stick at the bottom of each box like this >>>>

thanks
Marco

Hi Rikard,

I tested it, I saw it was not working and I removed it.

I put it back now, still, buttons do not go in the bottom of the box.

Thanks,
Marco

Hi Rikard,

Yes, I cleared the cache.
Are you testing the home page? The home page has an ID page number 2 but I see you are using a different ID page. Is it because you are testing it in your environment so it gets a different ID page?

Anyway, I changed it with ID page 2, claread the chace and still nothing.

Marco

Hi Rikard,

Is it possible you are looking at this https://www.viverelondra.com/servizi page? The buttons are orange while you display them red.

I noticed more than once that I have difficulties in overwriting the CSS code. And it takes sometimes days before the changes take effect. Or sometimes they never take effect. I see the old code from the google inspect element while the CSS I have put in the quick CSS is different.

If you check the color of each button from inside the WP panel of the page “i nostri servizi” you will see that each button is set to be orange. I see them orange from my side.

I restore the ID page 16223 and it does not work. And if I remove the ID page this will apply to all pages eventually? tried and it does not have any effect on the buttons.

Thanks,
Marco

Thank you Guenni, I tried it and it works perfect :-)

Can I ask 1 question?

1) I understand that if I want to use the same code on a different page, I have to change 2 things: the ID page and the section number.
I would like to re-use this code on page ID 2 (my home page http://www.viverelondra.com) at the av_section_6

However, I was not able to make the code work. Am I wrong in something?

Thanks
Marco

• This reply was modified 4 years, 6 months ago by marcoabis81.

Hi Guenni,

Yes same settings on the home page, same height columns.

i understand now why you mentioned the

i would give a custom class to the section it concerns :-)

However, I did not manage to get the result with the custom class.

Here is how I set it up:

/* Buttons same height SERVIZI page */
.avia-section.box-servizi .avia-button-wrap {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* Buttons same height SERVIZI page */
.avia-section.box-servizi .av_textblock_section {
    padding-bottom: 60px;
}

Thanks,
Marco

Amazing,

it works :-) :-)

Very much appreciated Guenni.

Just a technical question. The first part of the class https://www.screencast.com/t/pDyIgMYBabxZ has to be called >>> .avia-section or can I simply use the second part of the custom class name that I want?

Have a great day.

Marco

Hi Guenni,

Yes, it is in the Google inspect that I found that it was the color section number 6. Right yesterday I was wondering how you could guess that the color section was the number 2 so I started browsing the developer tools and found that you can actually get these info there :-)

So when I look at your page now, I see that you have unnecessarily reassigned this default class to the color-section. This doesn’t bother in this case, but is obsolete. I can see that you have given the class home-box this time.

This is what I was trying to understand yesterday when I sent you this screenshot. https://www.screencast.com/t/pDyIgMYBabxZ I wanted to understand if the default class was something that I had to use or I could avoid to add it before the custom class name and you just cleared my doubts now: I can avoid to write the default class and write directly the custom one.

Thanks for being this kind and explaining me all this :-)

Appreciated,
Marco

Hi Rikard,

you can close the ticket.

Thank you for the support :-)

Marco