adjust css for button primary & contact form - Forum | JoomShaper
Solved Helix Framework

adjust css for button primary & contact form

Asked by Kristof 4 years ago Last activity 4 years ago

Hi,

i would like to adjust the the css form the 'primary' button layou'. Where could I find the css?

I also want to rename the placeholer text form the contact form. Where can I adjust this?

my website https://olvp.be/so/index.php

thx!

Accepted answer

Marked as the solution
Rashida Rahman Staff
4 years ago · edited

Hi there!

Thanks for your query.

You can inspect your browser and search for the value you wants to adjust. The following blog may help you:
https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

However, here are some examples:

.btn-primary, .sppb-btn-primary {
    border-color: #009db4;
    background-color: #009db4;
}
.sppb-btn-primary {
    color: #fff;
}

You can take the button classes and put your desired element values to change them:)

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Here is how to translate or change contact form phrases:
https://www.joomshaper.com/documentation/sp-page-builder/sp-page-builder-3/how-to-tips#span-class-st-how-to-translate-contact-form-span

You can check this out too:

https://www.joomshaper.com/forum/question/9816

Best Regards

Log in to reply.