How To Remove Capitalizing Style In First Character Of The Letter In Button Text - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

How To Remove Capitalizing Style In First Character Of The Letter In Button Text

Inguar Karlsson-Parra

Inguar Karlsson-Parra

SP Page Builder 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

0
11 Answers
Pavel
Pavel
Accepted Answer
2 years ago #137961

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;
}
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #137964

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.

0
Inguar Karlsson-Parra
Inguar Karlsson-Parra
Accepted Answer
2 years ago #138188

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?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #138410

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

0
Inguar Karlsson-Parra
Inguar Karlsson-Parra
Accepted Answer
2 years ago #138595

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #138599

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


get: Error: Undefined

0
Inguar Karlsson-Parra
Inguar Karlsson-Parra
Accepted Answer
2 years ago #139164

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #139173

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.

0
Inguar Karlsson-Parra
Inguar Karlsson-Parra
Accepted Answer
2 years ago #139177

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #139184

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.

0
Inguar Karlsson-Parra
Inguar Karlsson-Parra
Accepted Answer
2 years ago #139280

Ok! Good idea. I will talk with my hosting if they can make it. Thank you! Greetings! // inguarkp

0