Awaiting an answer SP Page Builder

How To Remove Capitalizing Style in first character of the letter in button text

Asked by Inguar Karlsson-Parra 2 years ago Last activity 2 years ago

Hello!
I have Joomla 4.x and SP Page builder 5.1.9.
I make desired correct button text, when using button addon, in the text space. The text I write in the button text space is "kymppi-katto.fi" and will shown in the browser front end as this => "Kymppi-Katto.Fi. Every word in the button text will begin with capital character.
Where can I Uncheck the auto 'Capitalize' option'.
Please find attached screenshots.
I hope you can give me advice.
Greetings from Finland
Inguarkp

11 replies

Pavel

2 years ago

Hi. It is not related to SPPB, but comes from template.

Use following CSS to turn it OFF

body .sppb-btn, body .btn {
    text-transform: inherit;
}

Paul Frankowski Senior Staff

2 years ago

Hi Inguar,

indeed, @Pavel has 100% right, thx.

about using custom css >> https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

I would use longer version:

body .sppb-btn, body .btn, 
#sp-component .btn, #sp-component .sppb-btn {
    text-transform: inherit; }

and don't forget about margin space between buttons, otherwise google may mark it as bug.

Inguar Karlsson-Parra Asked this

2 years ago

Hi, Many thanks for response.
Noted It is not related to SPPB, but comes from template.
Need advise to insert the css. Where? in the template css file?

Paul Frankowski Senior Staff

2 years ago

You have that information in above guide (shared link).

In Template Options > Custom Code > Custom CSS area OR custom.css file.

PLEASE DO NOT TOUCH TEMPLATE.CSS FILE

Inguar Karlsson-Parra Asked this

2 years ago

Hello Paul!
Thank you for response. I was in the template Helix custom CSS but there is something wrong,
get: Error: Undefined,
Please check Screenshot in hidden content.
And I send also now my Joomla credentials
Thank you!
Inguarkp

Paul Frankowski Senior Staff

2 years ago · edited

I guess something is locking Ajax from template,
in that case use custom.css file. Info also in Helix Documenation.

get: Error: Undefined

please create a NEW topic for that.
but before read: https://www.joomshaper.com/documentation/helix-framework/troubleshooting-faq#i-cannot-save-template-settings

Inguar Karlsson-Parra Asked this

2 years ago

Hello again! I have now found a solution with my webhost provider. The php extensions and options regarding to the rules required in the technical requirements for HELIX ultimate are checked successfuly. The main problem was also to identify and adjust the ModSecurity-rules in the server. Now the system and the HELIX Ultimate in my template are running and doing well. My button-issues in the front page are now solved via my template HELIX Ultimate. Thank You!
Greetings! // inguarkp

Paul Frankowski Senior Staff

2 years ago

we are happy to heard that.

Later after doing all changes inside Helix Options you can enable Mod_Security again.

In some hosting companies you can add exclusions for specific names, then it could work even when enabled.

Inguar Karlsson-Parra Asked this

2 years ago

Ok, Many thanks for advice!
Maybe you can give me suggestions of other hosting companies with customized management of Joomshaper templates and extensions?
BR // Inguar

Paul Frankowski Senior Staff

2 years ago

According to my suggestion - first talk with your hosting if they can add any exclusions for Mod_security rule.

I have hosting accounts in two countries, but I am not sure if they are in your country as well.