Changing button colour (Submit Contact Form/Continue Etc)

Post by Jodie-BMP » Thu Mar 08, 2018 10:15 am

Opencart 2.3.0.2
Hi All,
I am very new to using opencart & have come across the first problem that I cannot solve on my own, your assistance will be appreciated.

I want to change how buttons are displayed on our website.
Currently you cannot see that there is an actual button there, you can only see the 'submit' text on the contact us page.
I also have a 'Continue' button that displays the same as 'Submit'.
Therefore could somebody please explain to me how I change the buttons (colour of button background & colour of text)
.
Thank You

Post by paulfeakins » Fri Mar 09, 2018 5:47 pm

UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk

Post by Jodie-BMP » Tue Mar 13, 2018 5:43 am

Hi Paul,

Thanks for your reply to my post, here it is.
http://bmpled.com.au/index.php?route=in ... on/contact

Thanks, Jodie

Post by IP_CAM » Tue Mar 13, 2018 6:14 am

Well, the Style of this Button does not show, so, you better ask Journal Themes
about this, since all Journal Extensions are highly customized, and no standard
stylesheet.css file exists, where such is 'OC-usually' declared/defined.
It's possibly only the coloring, that makes it invisible...
---
<input class="btn btn-primary button"
---
Good Luck!
Ernie
---

My Github OC Site: https://github.com/IP-CAM
5'600 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.

Post by Jodie-BMP » Tue Mar 13, 2018 6:39 am

Post by IP_CAM » Wed Mar 14, 2018 2:20 am

My Github OC Site: https://github.com/IP-CAM
5'600 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.

Post by cyclops12 » Wed Mar 14, 2018 2:31 am

.button {
  cursor: pointer;
  font-size: 14px;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-color 0.15s ease-in-out;
  /* transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-color 0.15s ease-in-out; */
  padding: 0 12px;
  border: 0;
  line-height: 32px;
  background-color: transparent;
  display: inline-block;
  -webkit-appearance: none;
  text-align: center;
  position: relative;
  }
  .button i:before {
    padding: 0 1px; }

Post by Jodie-BMP » Wed Mar 14, 2018 6:52 am

Hi Cyclops12,
That worked!! Thank you so very much Your instructions were spot on!
Now, could you possibly please let me know how I get the text in the 'button' box to be solid black (bold)?
Thanks, Jodie

Attachments

Opencart Buttons.JPG (38.61 KiB) Viewed 1792 times

Post by cyclops12 » Thu Mar 15, 2018 3:11 am

Hi Jodie,
As instructed in last reply...... underneath

Code: Select all

font-size: 14px;

add

Code: Select all

font-weight: bold;

That should work for you

Post by Jodie-BMP » Thu Mar 15, 2018 6:57 am

Post by cyclops12 » Thu Mar 15, 2018 6:14 pm

Glad it's all working for you and happy to have been of help.
After all that should be the idea of the forums.... to help others if you can.
Happy selling

Post by Jodie-BMP » Fri Mar 16, 2018 10:17 am

It sure is!!
Thank you, I am so pleased I have found this forum to help me out in the ares I cannot problem solve myself.