SP Page Builder - Button Align Left - Question | JoomShaper

SP Page Builder - Button Align Left

Yofie Setiawan

Yofie Setiawan

SP Page Builder 4 years ago

Hi,

I have problem with button on SP Page Builder. So the button set to left alignment. However, if the button text content is too long (2 row), the alignment switched to center.

How can i maintain left alignment even on 2 row text content on the button?

https://ibb.co/K2dCwG2

0
8 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #14799

Hi there,

Thanks for contacting us. Sorry for the inconvenience. Please add this css code inside the custom.css file.

.sppb-text-left .sppb-btn {
    text-align: left !important;
}

-Thanks

0
Yofie Setiawan
Yofie Setiawan
Accepted Answer
4 years ago #14803

Hi Toufiq,

Thank you very much, this almost solve my issue, can you help me of how to manage the 2nd row alignment to be the same with 1st row alignment? I mean, because i use icon here...

https://ibb.co/R7j4tXx

And also, the alignment seems forced to center on mobile. I hope we can fix this on future update of SP Page Builder...

https://ibb.co/mBRXhWy

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #14804

please share your exact page URL

0
Yofie Setiawan
Yofie Setiawan
Accepted Answer
4 years ago #14805

Hi Toufiq,

Here is my exact page URL...

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #14806

I have checked and mobile device looks fine.

https://prnt.sc/11rgl4u

0
Yofie Setiawan
Yofie Setiawan
Accepted Answer
4 years ago #14807

Hi brother,

That looks fine on mobile now because i applied all the css line you told me to all the buttons.

My question is, how to make the 2nd and 3rd row of the text to have a straight left alignment, because i use icon here.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #14870

Sorry to say that, this is not possible to make it straight left alignment. Thanks

0
Yofie Setiawan
Yofie Setiawan
Accepted Answer
4 years ago #14883

Hi Toufiq,

Okay thanks...

0