We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Change colour of buttons & header backgrounds

Featured Lock Resolved Task
I would like the SP Booking to change to the colour scheme of my website - how do I change the colour of buttons and header on forms & invoices to match the colour scheme of the website - and not to stay green.

7 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. You can change any color from the pagebuilder pages if those pages are created with pagebuilder http://prntscr.com/oxyofc
It would be helpful for me if you could share the exact page url here and mark those places whose color you want to change.

-Best Regards

Susan White

More than a month ago #Permalink
http://concepts.savethisdate.co.za/lodges

http://concepts.savethisdate.co.za/lodges/bona-kgole?view_style=grid

http://concepts.savethisdate.co.za/index.php?option=com_spbooking&view=checkout&checkout_for=accomodation&accomodation_id=72

As you can see, I have changed some of the colours to match my website, but this is a long & slow process. I don't mind doing this but every time there is an update on SP Booking am I going to have to change this?

Sifat - Staff

More than a month ago #Permalink
Thanks for your reply. You need to put those css again on those places when you update the template. That's why we always suggest to take a backup of your site before doing any kind of update.

-Best Regards

Susan White

More than a month ago #Permalink
I'm happy with all except when you hover on the buttons or resets. Even having made a change to the SP Booking template - I can't get the hover to change colour.

Where will I find this & how do I do this. I have changed and uploaded the Template - bootstrap.min.css but this overide does not want to work. It does not change the css.

Sifat - Staff

More than a month ago #Permalink
Hi
Thanks for your reply. Actually you are doing the changes on a wrong place. You need to change those styles from your template settings. Please check this link for details informations regarding custom css https://www.joomshaper.com/documentation/helix-framework/helixultimate#documentation-heading-1_8

Hope this'll help.

Note: You can use !important to apply your css and that would provide a priority. For an example:

.your_selector: hover {
color: red !important;
}


-Best Regards

Susan White

More than a month ago #Permalink
On my pages that are not using the SP Booking, I'm not having a problem with the buttons - no where in the Travus template css do I see the colour that I'm trying to get rid of.

On the pages with SP Booking which I'm using directly from the menu - It does not go through the template css, it goes through the SP Booking templates.

Please have a look at image attached. All hover effects on SP Booking - I'm having a problem with the colour.

Attachments (1)

  • Problems-on-hover.jpg
    Problems-on-hover.jpg 65.6 KB

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query and i'm extremely sorry to say that there is no default feature to change the SP booking pages color schemas. You need to use your custom css to change those.

Note: Custom support is strictly prohibited in our support policy.

-Best Regards


There are no replies made for this post yet.
Be one of the first to reply to this post!

126

Templates

334157

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us