1. Shari Chambers
  2. SP Page Builder 3.x
  3. Thursday, 06 February 2020
Hello.I am able to center align content in a section using the "middle align" function. Is there a way to have the content in a section align to the bottom (baseline). I have tried many different CSS settings and have had no luck.

Thank you!
Responses (5)
Accepted Answer Pending Moderation
Hi. Try this

#d12345 .sppb-container-inner {
position: absolute;
width: 100%;
bottom: 0;
}

or

#d12345 {
display: flex;
justify-content: center;
align-items: flex-end;
}
#d12345 .sppb-container-inner {
width: 100%;
}


In addition, you can use your class bottom1 instead of the ID d12345.

By the way, baseline - this is on top of the parent block. But as I understand it, you need it on bottom (bottom or last baseline). Is not it? Improper use of terminology is confusing. If you do not know terms, do not use them at all, which would be properly understood.
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 1
Accepted Answer Pending Moderation
Hello. Thank you, but this does not do what I want.
Please see attached. I want the section to be baseline justified...
Attachments (1)
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 2
Accepted Answer Pending Moderation
Hi,
Use this custom css


.sppb-section-content-center .sppb-align-center{
position:relative;
top:135px !important;
}



You have to insert this CSS in your custom CSS. If you have SP page builder then you follow this
http://prntscr.com/q8w03l
If you do not have SP page builder then you can follow this
https://files.fm/u/shtmdpme
You can use any two of these
Thanks
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 3
Accepted Answer Pending Moderation
Hello
I have attached a file.
The site is at http://www.blueherontours.ca/new/
I want the buttons to be located at the bottom line (baseline) I cant seem to figure out the CSS for this. I want it to work on varied screen sizes.
Attachments (1)
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 4
Accepted Answer Pending Moderation
Hi,
Could you please share your site URL? And also give a screenshot of your problem? Please mention which part you want to change? It would be better for me to solve this issue
-Best regards
Mehtaz
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 5


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.