SP Page Builder - Button Align Left - Forum | JoomShaper
Solved SP Page Builder

SP Page Builder - Button Align Left

Asked by Yofie Setiawan 5 years ago Last activity 5 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

Accepted answer

Marked as the solution
Toufiq Senior Staff
5 years ago

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

7 more replies

Oldest first Newest first Most helpful
Yofie Setiawan Asked this
5 years ago · edited

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

Toufiq Senior Staff
5 years ago

please share your exact page URL

Yofie Setiawan Asked this
5 years ago

Hi Toufiq,

Here is my exact page URL...

Yofie Setiawan Asked this
5 years ago

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.

Toufiq Senior Staff
5 years ago

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

Yofie Setiawan Asked this
5 years ago

Hi Toufiq,

Okay thanks...

Log in to reply.