Button row alignment in color section - Support | Kriesi.at

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
March 10, 2019 at 9:53 am #1076959
Freek
Participant
Hi,
I have a 100% height color section with 2 columns (1 text and 1 image), and beneath the content i have a button row.
Now i want to stick the button row to the bottom of the color section.
If i use the following code (color section css class) all content will be on the bottom of the color section.
```
/*------------------------
  Content alignment
--------------------------*/
#section-content-bottom .container .content {
  vertical-align: bottom;
}
```
I want only the button row on bottom, so i tried the following code with no luck.
```
/* Pill shape buttons */
.my-custom-button-row .avia-button {
   border-radius: 50px;
   border: 1px solid #070707 !important;
min-width: 20px!important;
  vertical-align: bottom;
}
```
Any ideas?
THX Freek
March 11, 2019 at 4:59 am #1077211

Rikard
Keymaster

Hey Freek,

Could you post a link to where we can see the results you are getting please?

Best regards,
Rikard

March 11, 2019 at 1:07 pm #1077317
Freek
Participant
Hi,

I figured it out myself.
I use a custom css class with name “my-custom-button-row” with the following CSS code:
```
.my-custom-button-row {
position: absolute !important;
bottom: 0 !important;
 }
```
Works for me. Case closed!
THX Freek
March 12, 2019 at 8:00 am #1077696

Rikard
Keymaster

Hi,

Great, I’m glad you came up with a solution and thanks for sharing. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Button row alignment in color section’ is closed to new replies.